From eedd86efaedf669b69a6c4aef74b0dcd11d706c9 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Mon, 10 Feb 2025 00:02:31 -0600
Subject: [PATCH] Update configuration icon

---
 src/admin/AdminNavClient.tsx     | 52 +++++++++++++++++---------------
 src/site/SiteChecklistClient.tsx |  4 +--
 2 files changed, 29 insertions(+), 27 deletions(-)

diff --git a/src/admin/AdminNavClient.tsx b/src/admin/AdminNavClient.tsx
index 80c77cb7..0eada77f 100644
--- a/src/admin/AdminNavClient.tsx
+++ b/src/admin/AdminNavClient.tsx
@@ -18,8 +18,8 @@ import { clsx } from 'clsx/lite';
 import { differenceInMinutes } from 'date-fns';
 import { usePathname } from 'next/navigation';
 import { useEffect, useMemo, useState } from 'react';
-import { BiCog } from 'react-icons/bi';
 import { FaRegClock } from 'react-icons/fa';
+import { HiOutlineCog } from 'react-icons/hi';
 import { TbInfoSquareRounded } from 'react-icons/tb';
 
 // Updates considered recent if they occurred in past 5 minutes
@@ -89,38 +89,40 @@ export default function AdminNavClient({
                     <span>({count})</span>}
                 </LinkWithStatus>)}
             </div>
-            <span className="inline-flex relative">
+            <div className="flex gap-3">
+              <span className="inline-flex relative">
+                <LinkWithLoader
+                  href={PATH_ADMIN_INSIGHTS}
+                  className={isPathAdminInsights(pathname)
+                    ? 'font-bold'
+                    : 'text-dim'}
+                  loader={<Spinner />}
+                >
+                  <TbInfoSquareRounded
+                    size={19}
+                    className="inline-flex translate-y-0.5"
+                    aria-label="App Configuration"
+                  />
+                </LinkWithLoader>
+                <span className={clsx(
+                  'absolute top-[1px] right-[-1px] w-2 h-2 rounded-full',
+                  'bg-blue-600',
+                )} />
+              </span>
               <LinkWithLoader
-                href={PATH_ADMIN_INSIGHTS}
-                className={isPathAdminInsights(pathname)
+                href={PATH_ADMIN_CONFIGURATION}
+                className={isPathAdminConfiguration(pathname)
                   ? 'font-bold'
                   : 'text-dim'}
                 loader={<Spinner />}
               >
-                <TbInfoSquareRounded
-                  size={19}
-                  className="inline-flex translate-y-0.5"
+                <HiOutlineCog
+                  size={20}
+                  className="inline-flex translate-y-[1px]"
                   aria-label="App Configuration"
                 />
               </LinkWithLoader>
-              <span className={clsx(
-                'absolute top-[1px] right-[-1px] w-2 h-2 rounded-full',
-                'bg-blue-600',
-              )} />
-            </span>
-            <LinkWithLoader
-              href={PATH_ADMIN_CONFIGURATION}
-              className={isPathAdminConfiguration(pathname)
-                ? 'font-bold'
-                : 'text-dim'}
-              loader={<Spinner />}
-            >
-              <BiCog
-                size={18}
-                className="inline-flex translate-y-0.5"
-                aria-label="App Configuration"
-              />
-            </LinkWithLoader>
+            </div>
           </div>
           {shouldShowBanner &&
             <Note icon={<FaRegClock className="shrink-0" />}>
diff --git a/src/site/SiteChecklistClient.tsx b/src/site/SiteChecklistClient.tsx
index 37747885..315bbfc0 100644
--- a/src/site/SiteChecklistClient.tsx
+++ b/src/site/SiteChecklistClient.tsx
@@ -8,12 +8,12 @@ import { clsx } from 'clsx/lite';
 import ChecklistRow from '../components/ChecklistRow';
 import { FiExternalLink } from 'react-icons/fi';
 import {
-  BiCog,
   BiData,
   BiHide,
   BiLockAlt,
   BiPencil,
 } from 'react-icons/bi';
+import { HiOutlineCog } from 'react-icons/hi';
 import Checklist from '@/components/Checklist';
 import { ConfigChecklistStatus } from './config';
 import StatusIcon from '@/components/StatusIcon';
@@ -616,7 +616,7 @@ export default function SiteChecklistClient({
           </Checklist>
           <Checklist
             title="Settings"
-            icon={<BiCog size={16} />}
+            icon={<HiOutlineCog size={17} className="translate-y-[0.5px]" />}
             optional
           >
             <ChecklistRow