From 363eaef6aae4520e1bcf2563474e23f76f45b946 Mon Sep 17 00:00:00 2001
From: RobinRMC <github@robinmail.nl>
Date: Sun, 4 May 2025 16:42:59 +0200
Subject: [PATCH] Update plugins

---
 src/plusplugins/SpotifyLyrics/styles.css      |  8 --
 .../components/NotificationComponent.tsx      |  6 +-
 src/plusplugins/moreUserTags/settings.tsx     | 98 ++++++++++++-------
 3 files changed, 62 insertions(+), 50 deletions(-)

diff --git a/src/plusplugins/SpotifyLyrics/styles.css b/src/plusplugins/SpotifyLyrics/styles.css
index 363c962f..e148cfbd 100644
--- a/src/plusplugins/SpotifyLyrics/styles.css
+++ b/src/plusplugins/SpotifyLyrics/styles.css
@@ -76,11 +76,3 @@
     text-align: center;
     padding: 1rem;
 }
-
-.theme-light .vc-spotify-lyrics {
-    background: var(--bg-overlay-3, var(--background-secondary-alt));
-}
-
-.theme-dark .vc-spotify-lyrics {
-    background: var(--bg-overlay-1, var(--background-secondary-alt));
-}
diff --git a/src/plusplugins/ToastNotifications/components/NotificationComponent.tsx b/src/plusplugins/ToastNotifications/components/NotificationComponent.tsx
index fb8ab93e..01c56e77 100644
--- a/src/plusplugins/ToastNotifications/components/NotificationComponent.tsx
+++ b/src/plusplugins/ToastNotifications/components/NotificationComponent.tsx
@@ -32,11 +32,9 @@ export default ErrorBoundary.wrap(function NotificationComponent({
     let renderBody: boolean = true;
     let footer: boolean = false;
 
-    if (attachments > 0)
-        footer = true;
+    if (attachments > 0) footer = true;
 
-    if (body === "")
-        renderBody = false;
+    if (body === "") renderBody = false;
 
     // Precompute appearance settings.
     const AppearanceSettings = {
diff --git a/src/plusplugins/moreUserTags/settings.tsx b/src/plusplugins/moreUserTags/settings.tsx
index df006ef8..e3853571 100644
--- a/src/plusplugins/moreUserTags/settings.tsx
+++ b/src/plusplugins/moreUserTags/settings.tsx
@@ -18,46 +18,68 @@ function SettingsComponent() {
 
     return (
         <Flex flexDirection="column">
-            {tags.map(t => (
-                <Card key={t.name} style={{ padding: "1em 1em 0" }}>
-                    <Forms.FormTitle style={{ width: "fit-content" }}>
-                        <Tooltip text={t.description}>
-                            {({ onMouseEnter, onMouseLeave }) => (
-                                <div
-                                    onMouseEnter={onMouseEnter}
-                                    onMouseLeave={onMouseLeave}
-                                >
-                                    {t.displayName} Tag <Tag type={localTags[t.name]}></Tag>
-                                </div>
-                            )}
-                        </Tooltip>
-                    </Forms.FormTitle>
-
-                    <TextInput
-                        type="text"
-                        value={tagSettings[t.name]?.text ?? t.displayName}
-                        placeholder={`Text on tag (default: ${t.displayName})`}
-                        onChange={v => tagSettings[t.name].text = v}
-                        className={Margins.bottom16}
-                    />
-
-                    <Switch
-                        value={tagSettings[t.name]?.showInChat ?? true}
-                        onChange={v => tagSettings[t.name].showInChat = v}
-                        hideBorder
+            <div
+                style={{
+                    display: "flex",
+                    flexWrap: "wrap",
+                    gap: "16px",
+                }}
+            >
+                {tags.map(t => (
+                    <Card
+                        key={t.name}
+                        style={{
+                            padding: "1em 1em 0",
+                            width: "calc(33.333% - 11px)",
+                            boxSizing: "border-box",
+                        }}
                     >
-                        Show in messages
-                    </Switch>
+                        <Forms.FormTitle style={{ width: "fit-content" }}>
+                            <Tooltip text={t.description}>
+                                {({ onMouseEnter, onMouseLeave }) => (
+                                    <div
+                                        onMouseEnter={onMouseEnter}
+                                        onMouseLeave={onMouseLeave}
+                                    >
+                                        {t.displayName} Tag
+                                    </div>
+                                )}
+                            </Tooltip>
+                        </Forms.FormTitle>
 
-                    <Switch
-                        value={tagSettings[t.name]?.showInNotChat ?? true}
-                        onChange={v => tagSettings[t.name].showInNotChat = v}
-                        hideBorder
-                    >
-                        Show in member list and profiles
-                    </Switch>
-                </Card>
-            ))}
+                        <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}
+                            placeholder={`Text on tag (default: ${t.displayName})`}
+                            onChange={v => tagSettings[t.name].text = v}
+                            className={Margins.bottom16}
+                        />
+
+                        <Switch
+                            value={tagSettings[t.name]?.showInChat ?? true}
+                            onChange={v => tagSettings[t.name].showInChat = v}
+                            hideBorder
+                        >
+                            Show in messages
+                        </Switch>
+
+                        <Switch
+                            value={tagSettings[t.name]?.showInNotChat ?? true}
+                            onChange={v => tagSettings[t.name].showInNotChat = v}
+                            hideBorder
+                        >
+                            Show in member list and profiles
+                        </Switch>
+                    </Card>
+                ))}
+            </div>
         </Flex>
     );
 }