From 6b9ca44d9573e64b560409ed7e89719254b54fb1 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Mon, 10 Feb 2025 22:40:14 -0600
Subject: [PATCH] Refine admin nav spinner position

---
 src/admin/AdminNavClient.tsx      | 4 ++--
 src/components/LinkWithLoader.tsx | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/admin/AdminNavClient.tsx b/src/admin/AdminNavClient.tsx
index e3488f6b..b08ec7f4 100644
--- a/src/admin/AdminNavClient.tsx
+++ b/src/admin/AdminNavClient.tsx
@@ -98,7 +98,7 @@ export default function AdminNavClient({
                   className={isPathAdminInsights(pathname)
                     ? 'font-bold'
                     : 'text-dim'}
-                  loader={<Spinner />}
+                  loader={<Spinner className="translate-y-[-1px]" />}
                 >
                   <span className={clsx(
                     'size-[16px]',
@@ -122,7 +122,7 @@ export default function AdminNavClient({
                 className={isPathAdminConfiguration(pathname)
                   ? 'font-bold'
                   : 'text-dim'}
-                loader={<Spinner />}
+                loader={<Spinner className="translate-y-[-0.75px]" />}
               >
                 <HiOutlineCog
                   size={20}
diff --git a/src/components/LinkWithLoader.tsx b/src/components/LinkWithLoader.tsx
index af01c50b..c9312f75 100644
--- a/src/components/LinkWithLoader.tsx
+++ b/src/components/LinkWithLoader.tsx
@@ -6,9 +6,11 @@ import Link from 'next/link';
 export default function LinkWithLoader({
   loader,
   children,
+  debugLoading,
   ...props
 }: ComponentProps<typeof Link> & {
   loader: ReactNode
+  debugLoading?: boolean
 }) {
   return (
     <LinkWithStatus {...props}>
@@ -19,7 +21,7 @@ export default function LinkWithLoader({
         )}>
           {children}
         </span>
-        {isLoading && <span className={clsx(
+        {(isLoading || debugLoading) && <span className={clsx(
           'absolute inset-0',
           'flex items-center justify-center',
         )}>