From 7be559857b5631dc8407691e86be6686f03f5303 Mon Sep 17 00:00:00 2001
From: Loukious <Loukious@users.noreply.github.com>
Date: Fri, 20 Dec 2024 16:24:38 +0100
Subject: [PATCH] Refactor iRememberYou component header for improved layout
 and styling

---
 src/plugins/iRememberYou/index.tsx | 29 ++++++++++++++++++++++-------
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/src/plugins/iRememberYou/index.tsx b/src/plugins/iRememberYou/index.tsx
index 8d04a565418..28c29801dab 100644
--- a/src/plugins/iRememberYou/index.tsx
+++ b/src/plugins/iRememberYou/index.tsx
@@ -6,7 +6,6 @@
 
 import { DataStore } from "@api/index";
 import { addPreSendListener, removePreSendListener } from "@api/MessageEvents";
-import { ExpandableHeader } from "@components/ExpandableHeader";
 import { Heart } from "@components/Heart";
 import { openUserProfile } from "@utils/discord";
 import * as Modal from "@utils/modal";
@@ -231,12 +230,28 @@ 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"}
+                style={{
+                    display: "contents",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    marginBottom: "8px",
+                }}
+            >
+                <Text>{key.toUpperCase()}</Text>
+                <div
+                    className={"vc-i-remember-you-user-header-btns"}
+                    style={{
+                        display: "none",
+                        gap: "8px",
+                    }}
+                >
+                    <Flex style={{ gap: "calc(0.5em + 0.5vw) 0.2em", flexDirection: "column" }}>
+                        {usersElements}
+                    </Flex>
+                </div>
+            </div>
         </aside>;
     }