From 43cc92913f451d1edce894d6a6c53c4b6222b2f4 Mon Sep 17 00:00:00 2001
From: Cooper Ransom <cooperransom08@outlook.com>
Date: Mon, 1 Apr 2024 23:57:25 -0400
Subject: [PATCH] Advertise admin panel on setting page #2

---
 src/pages/Settings.tsx | 43 +++++++++++++++++++++++-------------------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/src/pages/Settings.tsx b/src/pages/Settings.tsx
index c56754d7..08e09b6a 100644
--- a/src/pages/Settings.tsx
+++ b/src/pages/Settings.tsx
@@ -240,28 +240,33 @@ export function SettingsPage() {
             {t("settings.account.title")}
           </Heading1>
           {user.account && state.profile.state ? (
-            <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>
+              <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>
           ) : (
-            <RegisterCalloutPart />
+            <div>
+              <RegisterCalloutPart />
+              <AdminPanelPart />
+            </div>
           )}
         </div>
-        <AdminPanelPart />
         <div id="settings-preferences" className="mt-48">
           <PreferencesPart
             language={state.appLanguage.state}