fix: use resolved theme value (#1039)
This commit is contained in:
parent
8fff778833
commit
7d8e71383f
2 changed files with 5 additions and 5 deletions
|
|
@ -25,7 +25,7 @@ const PureSpreadsheetEditor = ({
|
|||
status,
|
||||
isCurrentVersion,
|
||||
}: SheetEditorProps) => {
|
||||
const { theme } = useTheme();
|
||||
const { resolvedTheme } = useTheme();
|
||||
|
||||
const parseData = useMemo(() => {
|
||||
if (!content) return Array(MIN_ROWS).fill(Array(MIN_COLS).fill(''));
|
||||
|
|
@ -111,7 +111,7 @@ const PureSpreadsheetEditor = ({
|
|||
|
||||
return (
|
||||
<DataGrid
|
||||
className={theme === 'dark' ? 'rdg-dark' : 'rdg-light'}
|
||||
className={resolvedTheme === 'dark' ? 'rdg-dark' : 'rdg-light'}
|
||||
columns={columns}
|
||||
rows={localRows}
|
||||
enableVirtualization
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue