fix: use resolved theme value (#1039)

This commit is contained in:
Ian Jones 2025-06-02 22:01:20 -04:00 committed by GitHub
parent 8fff778833
commit 7d8e71383f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 5 additions and 5 deletions

View file

@ -26,7 +26,7 @@ import { guestRegex } from '@/lib/constants';
export function SidebarUserNav({ user }: { user: User }) {
const router = useRouter();
const { data, status } = useSession();
const { setTheme, theme } = useTheme();
const { setTheme, resolvedTheme } = useTheme();
const isGuest = guestRegex.test(data?.user?.email ?? '');
@ -74,9 +74,9 @@ export function SidebarUserNav({ user }: { user: User }) {
<DropdownMenuItem
data-testid="user-nav-item-theme"
className="cursor-pointer"
onSelect={() => setTheme(theme === 'dark' ? 'light' : 'dark')}
onSelect={() => setTheme(resolvedTheme === 'dark' ? 'light' : 'dark')}
>
{`Toggle ${theme === 'light' ? 'dark' : 'light'} mode`}
{`Toggle ${resolvedTheme === 'light' ? 'dark' : 'light'} mode`}
</DropdownMenuItem>
<DropdownMenuSeparator />
<DropdownMenuItem asChild data-testid="user-nav-item-auth">