From 610c231505fb1b57bff22146f37359bd35c95c61 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Fri, 28 Feb 2025 09:19:24 -0600
Subject: [PATCH] Update admin menu icon

---
 src/admin/AdminAppMenu.tsx | 14 ++++++++++----
 src/app/ViewSwitcher.tsx   |  4 +---
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/admin/AdminAppMenu.tsx b/src/admin/AdminAppMenu.tsx
index 1c142d8b..6ebc9b96 100644
--- a/src/admin/AdminAppMenu.tsx
+++ b/src/admin/AdminAppMenu.tsx
@@ -10,7 +10,7 @@ import {
 } from '@/app/paths';
 import { useAppState } from '@/state/AppState';
 import { ImCheckboxUnchecked } from 'react-icons/im';
-import { IoCloseSharp } from 'react-icons/io5';
+import { IoArrowUp, IoCloseSharp } from 'react-icons/io5';
 import { clsx } from 'clsx/lite';
 import { TbPhoto } from 'react-icons/tb';
 import { FiTag } from 'react-icons/fi';
@@ -132,8 +132,11 @@ export default function AdminAppMenu({
 
   return (
     <MoreMenu
-      header="Admin menu"
-      icon={<BiLockAlt size={16} className="translate-y-[-0.5px]" />}
+      header={<div className="flex items-center select-none">
+        <BiLockAlt size={17} className="inline-block w-5 mr-[9px]" />
+        <span className="grow">Admin menu</span>
+      </div>}
+      icon={<IoArrowUp size={16} />}
       align="start"
       sideOffset={12}
       alignOffset={-85}
@@ -152,7 +155,10 @@ export default function AdminAppMenu({
           ? 'text-black dark:text-white'
           : 'text-gray-400 dark:text-gray-600',
       )}
-      buttonClassNameOpen="bg-dim"
+      buttonClassNameOpen={clsx(
+        'bg-dim',
+        'text-main!',
+      )}
       items={items}
       ariaLabel="Admin Menu"
     />
diff --git a/src/app/ViewSwitcher.tsx b/src/app/ViewSwitcher.tsx
index 418db0ba..28554ab4 100644
--- a/src/app/ViewSwitcher.tsx
+++ b/src/app/ViewSwitcher.tsx
@@ -56,9 +56,7 @@ export default function ViewSwitcher({
         {isUserSignedIn &&
           <SwitcherItem
             className="p-0!"
-            icon={<AdminAppMenu
-              active={currentSelection === 'admin'}
-            />}
+            icon={<AdminAppMenu />}
             noPadding
           />}
       </Switcher>