root
/
tabby
mirror of https://gitee.com/zhang_1334717033/tabby.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: import ThemeToggle directly, fix hydration error (#972)

support-auth-token
Meng Zhang 2023-12-07 14:11:40 +08:00 committed by GitHub
parent 452ab5c07a
commit 48340a775f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ee/tabby-ui/components/header.tsx vendored
View File

@ -4,7 +4,6 @@ import * as React from 'react'
import { cn } from '@/lib/utils' import { cn } from '@/lib/utils'
import { buttonVariants } from '@/components/ui/button' import { buttonVariants } from '@/components/ui/button'
import { IconGitHub, IconNotice } from '@/components/ui/icons' import { IconGitHub, IconNotice } from '@/components/ui/icons'
import dynamic from 'next/dynamic'
import Link from 'next/link' import Link from 'next/link'
import { useHealth } from '@/lib/hooks/use-health' import { useHealth } from '@/lib/hooks/use-health'
import { ReleaseInfo, useLatestRelease } from '@/lib/hooks/use-latest-release' import { ReleaseInfo, useLatestRelease } from '@/lib/hooks/use-latest-release'
@ -12,11 +11,7 @@ import { compare } from 'compare-versions'
import { useWorkers } from '@/lib/hooks/use-workers' import { useWorkers } from '@/lib/hooks/use-workers'
import { WorkerKind } from '@/lib/gql/generates/graphql' import { WorkerKind } from '@/lib/gql/generates/graphql'
import { has } from 'lodash-es' import { has } from 'lodash-es'
import { ThemeToggle } from './theme-toggle'
const ThemeToggle = dynamic(
() => import('@/components/theme-toggle').then(x => x.ThemeToggle),
{ ssr: false }
)
export function Header() { export function Header() {
const { data } = useHealth() const { data } = useHealth()

2
ee/tabby-ui/components/theme-toggle.tsx vendored
View File

@ -20,7 +20,7 @@ export function ThemeToggle() {
}) })
}} }}
> >
{!theme ? null : theme === 'dark' ? ( {theme === 'dark' ? (
<IconMoon className="transition-all" /> <IconMoon className="transition-all" />
) : ( ) : (
<IconSun className="transition-all" /> <IconSun className="transition-all" />