From 59baaf90b7b8e1428e0dcd2826f6c8726711eee5 Mon Sep 17 00:00:00 2001
From: Cooper Ransom <cooperransom08@outlook.com>
Date: Tue, 2 Apr 2024 00:07:38 -0400
Subject: [PATCH] Advertise admin panel on setting page #3

---
 src/pages/Settings.tsx | 49 ++++++++++++++++++------------------------
 1 file changed, 21 insertions(+), 28 deletions(-)

diff --git a/src/pages/Settings.tsx b/src/pages/Settings.tsx
index a77dee33..523adaa7 100644
--- a/src/pages/Settings.tsx
+++ b/src/pages/Settings.tsx
@@ -240,37 +240,30 @@ export function SettingsPage() {
             {t("settings.account.title")}
           </Heading1>
           {user.account && state.profile.state ? (
-            <div>
-              <AccountSettings
-                account={user.account}
-                deviceName={state.deviceName.state}
-                setDeviceName={state.deviceName.set}
-                colorA={state.profile.state.colorA}
-                setColorA={(v) => {
-                  state.profile.set((s) =>
-                    s ? { ...s, colorA: v } : undefined,
-                  );
-                }}
-                colorB={state.profile.state.colorB}
-                setColorB={(v) =>
-                  state.profile.set((s) =>
-                    s ? { ...s, colorB: v } : undefined,
-                  )
-                }
-                userIcon={state.profile.state.icon as any}
-                setUserIcon={(v) =>
-                  state.profile.set((s) => (s ? { ...s, icon: v } : undefined))
-                }
-              />
-              <AdminPanelPart />
-            </div>
+            <AccountSettings
+              account={user.account}
+              deviceName={state.deviceName.state}
+              setDeviceName={state.deviceName.set}
+              colorA={state.profile.state.colorA}
+              setColorA={(v) => {
+                state.profile.set((s) => (s ? { ...s, colorA: v } : undefined));
+              }}
+              colorB={state.profile.state.colorB}
+              setColorB={(v) =>
+                state.profile.set((s) => (s ? { ...s, colorB: v } : undefined))
+              }
+              userIcon={state.profile.state.icon as any}
+              setUserIcon={(v) =>
+                state.profile.set((s) => (s ? { ...s, icon: v } : undefined))
+              }
+            />
           ) : (
-            <div>
-              <RegisterCalloutPart />
-              <AdminPanelPart />
-            </div>
+            <RegisterCalloutPart />
           )}
         </div>
+        <div className="mt-10">
+          <AdminPanelPart />
+        </div>
         <div id="settings-preferences" className="mt-48">
           <PreferencesPart
             language={state.appLanguage.state}