theoludwig/.profile
1
1
Fork 0
mirror of https://github.com/theoludwig/theoludwig.git synced 2025-05-29 22:37:44 +02:00
Code Issues Releases Activity

fix: rendering issues with next-themes

Browse Source
This commit is contained in:
divlo
2021-04-27 17:49:34 +02:00
parent 7d5d745a1f
commit 2a24af7c47
2 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/Header/Language/Arrow.tsx
View File

@ -1,8 +1,18 @@
import { useEffect, useState } from 'react'
import { useTheme } from 'next-themes'
export const Arrow: React.FC = () => {
const [mounted, setMounted] = useState(false)
const { theme } = useTheme()
useEffect(() => {
setMounted(true)
}, [])
if (!mounted) {
return null
}
return (
<svg
width='12'

10
components/Header/SwitchTheme.tsx
View File

@ -1,8 +1,18 @@
import { useEffect, useState } from 'react'
import { useTheme } from 'next-themes'
export const SwitchTheme: React.FC = () => {
const [mounted, setMounted] = useState(false)
const { theme, setTheme } = useTheme()
useEffect(() => {
setMounted(true)
}, [])
if (!mounted) {
return null
}
return (
<>
<div