From 979d7f2e418a4bcf638f5525b3c603865abf107f Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Mon, 10 Feb 2025 20:14:43 -0600
Subject: [PATCH] Customize admin insights icon

---
 src/admin/AdminNavClient.tsx | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/admin/AdminNavClient.tsx b/src/admin/AdminNavClient.tsx
index 0eada77f..e3488f6b 100644
--- a/src/admin/AdminNavClient.tsx
+++ b/src/admin/AdminNavClient.tsx
@@ -19,8 +19,10 @@ import { differenceInMinutes } from 'date-fns';
 import { usePathname } from 'next/navigation';
 import { useEffect, useMemo, useState } from 'react';
 import { FaRegClock } from 'react-icons/fa';
+import { FaInfo } from 'react-icons/fa';
 import { HiOutlineCog } from 'react-icons/hi';
-import { TbInfoSquareRounded } from 'react-icons/tb';
+
+const DEBUG_INDICATOR_SIZE = true;
 
 // Updates considered recent if they occurred in past 5 minutes
 const areTimesRecent = (dates: Date[]) => dates
@@ -98,16 +100,22 @@ export default function AdminNavClient({
                     : 'text-dim'}
                   loader={<Spinner />}
                 >
-                  <TbInfoSquareRounded
-                    size={19}
-                    className="inline-flex translate-y-0.5"
-                    aria-label="App Configuration"
-                  />
+                  <span className={clsx(
+                    'size-[16px]',
+                    'inline-flex items-center justify-center',
+                    'border-[1.5px] border-current rounded-[6px]',
+                    'translate-y-[3px]',
+                  )}>
+                    <FaInfo
+                      size={8}
+                      aria-label="App Configuration"
+                    />
+                  </span>
                 </LinkWithLoader>
-                <span className={clsx(
-                  'absolute top-[1px] right-[-1px] w-2 h-2 rounded-full',
-                  'bg-blue-600',
-                )} />
+                {DEBUG_INDICATOR_SIZE && <span className={clsx(
+                  'absolute top-[0.5px] right-[-2.5px] size-2 rounded-full',
+                  'bg-blue-500',
+                )} />}
               </span>
               <LinkWithLoader
                 href={PATH_ADMIN_CONFIGURATION}