Fix MoreUserTags Settings

src/components/PluginSettings/PluginModal.tsx

@@ -179,20 +179,18 @@ export default function PluginModal({ plugin, onRestartNeeded, onClose, transiti
         }
     }
 
-    function renderMoreUsers(_label: string, count: number) {
+    function renderMoreUsers(_label: string) {
-        const sliceCount = plugin.authors.length - count;
+        const remainingAuthors = plugin.authors.slice(6);
-        const sliceStart = plugin.authors.length - sliceCount;
-        const sliceEnd = sliceStart + plugin.authors.length - count;
 
         return (
-            <Tooltip text={plugin.authors.slice(sliceStart, sliceEnd).map(u => u.name).join(", ")}>
+            <Tooltip text={remainingAuthors.map(u => u.name).join(", ")}>
                 {({ onMouseEnter, onMouseLeave }) => (
                     <div
                         className={AvatarStyles.moreUsers}
                         onMouseEnter={onMouseEnter}
                         onMouseLeave={onMouseLeave}
                     >
-                        +{sliceCount}
+                        +{remainingAuthors.length}
                     </div>
                 )}
             </Tooltip>
@@ -252,7 +250,7 @@ export default function PluginModal({ plugin, onRestartNeeded, onClose, transiti
                             renderIcon={false}
                             showDefaultAvatarsForNullUsers
                             showUserPopout
-                            renderMoreUsers={plugin.authors.length > 6 ? renderMoreUsers : undefined}
+                            renderMoreUsers={renderMoreUsers}
                             renderUser={(user: User) => (
                                 <Clickable
                                     className={AvatarStyles.clickableAvatar}

src/equicordplugins/moreUserTags/settings.tsx

@@ -18,8 +18,22 @@ function SettingsComponent() {
 
     return (
         <Flex flexDirection="column">
+            <div
+                style={{
+                    display: "flex",
+                    flexWrap: "wrap",
+                    gap: "16px",
+                }}
+            >
                 {tags.map(t => (
-                <Card key={t.name} style={{ padding: "1em 1em 0" }}>
+                    <Card
+                        key={t.name}
+                        style={{
+                            padding: "1em 1em 0",
+                            width: "calc(33.333% - 11px)",
+                            boxSizing: "border-box",
+                        }}
+                    >
                         <Forms.FormTitle style={{ width: "fit-content" }}>
                             <Tooltip text={t.description}>
                                 {({ onMouseEnter, onMouseLeave }) => (
@@ -27,12 +41,19 @@ function SettingsComponent() {
                                         onMouseEnter={onMouseEnter}
                                         onMouseLeave={onMouseLeave}
                                     >
-                                    {t.displayName} Tag <Tag type={localTags[t.name]}></Tag>
+                                        {t.displayName} Tag
                                     </div>
                                 )}
                             </Tooltip>
                         </Forms.FormTitle>
 
+                        <div style={{ marginBottom: "10px" }}>
+                            <Forms.FormText style={{ fontSize: "13px" }}>
+                                Example:
+                            </Forms.FormText>
+                            <Tag type={localTags[t.name]} />
+                        </div>
+
                         <TextInput
                             type="text"
                             value={tagSettings[t.name]?.text ?? t.displayName}
@@ -58,6 +79,7 @@ function SettingsComponent() {
                         </Switch>
                     </Card>
                 ))}
+            </div>
         </Flex>
     );
 }

src/equicordplugins/toastNotifications/components/NotificationComponent.tsx

@@ -44,11 +44,9 @@ export default ErrorBoundary.wrap(function NotificationComponent({
     let renderBody: boolean = true;
     let footer: boolean = false;
 
-    if (attachments > 0)
+    if (attachments > 0) footer = true;
-        footer = true;
 
-    if (body === "")
+    if (body === "") renderBody = false;
-        renderBody = false;
 
     // Precompute appearance settings.
     const AppearanceSettings = {