From 70a5f0ec59c53ebe70ebfaf4e34c92adc09e125d Mon Sep 17 00:00:00 2001
From: thororen1234 <78185467+thororen1234@users.noreply.github.com>
Date: Mon, 25 Nov 2024 01:50:38 -0500
Subject: [PATCH] Fix Compiling

---
 src/equicordplugins/friendTags/index.tsx    | 34 ++++++++++++---------
 src/equicordplugins/friendTags/styles.css   | 11 +++++++
 src/equicordplugins/iRememberYou/index.tsx  | 17 ++++++-----
 src/equicordplugins/iRememberYou/styles.css | 11 +++++++
 4 files changed, 51 insertions(+), 22 deletions(-)
 create mode 100644 src/equicordplugins/friendTags/styles.css
 create mode 100644 src/equicordplugins/iRememberYou/styles.css

diff --git a/src/equicordplugins/friendTags/index.tsx b/src/equicordplugins/friendTags/index.tsx
index 7cf3b2ef..1ad9cec5 100644
--- a/src/equicordplugins/friendTags/index.tsx
+++ b/src/equicordplugins/friendTags/index.tsx
@@ -4,10 +4,11 @@
  * SPDX-License-Identifier: GPL-3.0-or-later
  */
 
+import "styles.css?managed";
+
 import { NavContextMenuPatchCallback } from "@api/ContextMenu";
 import { DataStore } from "@api/index";
 import { definePluginSettings } from "@api/Settings";
-import { ExpandableHeader } from "@components/ExpandableHeader";
 import { Devs } from "@utils/constants";
 import { useForceUpdater } from "@utils/react";
 import definePlugin, { OptionType } from "@utils/types";
@@ -108,20 +109,23 @@ function TagConfigCard(props) {
             <TextInput value={tagName} onChange={setTagName}></TextInput>
             <Text variant={"heading-md/normal"}>Users (Seperated by comma)</Text>
             <TextInput value={userIds} onChange={setUserIDs}></TextInput>
-            <ExpandableHeader headerText="User List (Click A User To Remove)" defaultState={true}>
-                {
-                    userIds.split(", ").map(user => {
-                        const userData: any = UserStore.getUser(user);
-                        if (!userData) return null;
-                        return (
-                            <div style={{ display: "flex" }}>
-                                <img src={userData.getAvatarURL()} style={{ height: "20px", borderRadius: "50%", marginRight: "5px" }}></img>
-                                <Text style={{ cursor: "pointer" }} variant={"text-md/normal"} onClick={() => setUserIDs(userIds.replace(`, ${user}`, "").replace(user, ""))}>{userData.globalName || userData.username}</Text>
-                            </div>
-                        );
-                    })
-                }
-            </ExpandableHeader>
+            <div className={"vc-friend-tags-user-header-container"}>
+                <Text variant="eyebrow">User List (Click A User To Remove)</Text>
+                <div className={"vc-friend-tags-user-header-btns"}>
+                    {
+                        userIds.split(", ").map(user => {
+                            const userData: any = UserStore.getUser(user);
+                            if (!userData) return null;
+                            return (
+                                <div style={{ display: "flex" }}>
+                                    <img src={userData.getAvatarURL()} style={{ height: "20px", borderRadius: "50%", marginRight: "5px" }}></img>
+                                    <Text style={{ cursor: "pointer" }} variant={"text-md/normal"} onClick={() => setUserIDs(userIds.replace(`, ${user}`, "").replace(user, ""))}>{userData.globalName || userData.username}</Text>
+                                </div>
+                            );
+                        })
+                    }
+                </div>
+            </div>
             <Button onClick={async () => {
                 SavedData = SavedData.filter(data => (data.tagName !== tagName));
                 await SetData();
diff --git a/src/equicordplugins/friendTags/styles.css b/src/equicordplugins/friendTags/styles.css
new file mode 100644
index 00000000..e0aebbde
--- /dev/null
+++ b/src/equicordplugins/friendTags/styles.css
@@ -0,0 +1,11 @@
+.vc-permviewer-user-header-container {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 8px;
+}
+
+.vc-permviewer-user-header-btns {
+    display: flex;
+    gap: 8px;
+}
diff --git a/src/equicordplugins/iRememberYou/index.tsx b/src/equicordplugins/iRememberYou/index.tsx
index b72c0bf0..80111959 100644
--- a/src/equicordplugins/iRememberYou/index.tsx
+++ b/src/equicordplugins/iRememberYou/index.tsx
@@ -4,9 +4,10 @@
  * SPDX-License-Identifier: GPL-3.0-or-later
  */
 
+import "styles.css?managed";
+
 import { DataStore } from "@api/index";
 import { addPreSendListener, removePreSendListener } from "@api/MessageEvents";
-import { ExpandableHeader } from "@components/ExpandableHeader";
 import { Heart } from "@components/Heart";
 import { EquicordDevs } from "@utils/constants";
 import { openUserProfile } from "@utils/discord";
@@ -211,12 +212,14 @@ class DataUI {
 
 
         return <aside key={key} >
-            <ExpandableHeader defaultState={true} headerText={key.toUpperCase()}>
-                <Flex style={{ gap: "calc(0.5em + 0.5vw) 0.2em", flexDirection: "column" }}>
-                    {usersElements}
-                </Flex>
-            </ExpandableHeader>
-
+            <div className={"vc-i-remember-you-user-header-container"}>
+                <Text>{key.toUpperCase()}</Text>
+                <div className={"vc-i-remember-you-user-header-btns"}>
+                    <Flex style={{ gap: "calc(0.5em + 0.5vw) 0.2em", flexDirection: "column" }}>
+                        {usersElements}
+                    </Flex>
+                </div>
+            </div>
         </aside>;
     }
 
diff --git a/src/equicordplugins/iRememberYou/styles.css b/src/equicordplugins/iRememberYou/styles.css
new file mode 100644
index 00000000..628b9408
--- /dev/null
+++ b/src/equicordplugins/iRememberYou/styles.css
@@ -0,0 +1,11 @@
+.vc-i-remember-you-user-header-container {
+    display: contents;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 8px;
+}
+
+.vc-i-remember-you-user-header-btns {
+    display: none;
+    gap: 8px;
+}