wonderlandpark/core
2
1
Fork 0
mirror of https://github.com/koreanbots/core.git synced 2025-12-16 14:30:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: footer theme change

Browse Source
This commit is contained in:
원더 2021-02-12 13:07:38 +09:00
parent 52a022c483
commit 786f4f270b
1 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/Footer.tsx
View File

@ -3,11 +3,9 @@ import Container from '@components/Container'
import Wave from '@components/Wave' import Wave from '@components/Wave'
import Toggle from './Toggle' import Toggle from './Toggle'
import { useState } from 'react'
import { Theme } from '@types' import { Theme } from '@types'
const Footer = ({ color, theme, setTheme }:FooterProps): JSX.Element => { const Footer = ({ color, theme, setTheme }:FooterProps): JSX.Element => {
const [ checked, setCheck ] = useState(theme === 'dark')
return ( return (
<div className='releative'> <div className='releative'>
<Wave color='currentColor' className={`${color ?? 'dark:text-discord-dark text-white bg-discord-black'} hidden md:block`} /> <Wave color='currentColor' className={`${color ?? 'dark:text-discord-dark text-white bg-discord-black'} hidden md:block`} />
@ -79,11 +77,11 @@ const Footer = ({ color, theme, setTheme }:FooterProps): JSX.Element => {
<div className='mb-2 col-span-2'> <div className='mb-2 col-span-2'>
<h2 className='text-koreanbots-blue text-base font-bold'>기타</h2> <h2 className='text-koreanbots-blue text-base font-bold'>기타</h2>
<div className='flex'> <div className='flex'>
<a className='hover:text-gray-300 mr-2'>다크모드</a> <a className='hover:text-gray-300 mr-2'>다크모드</a>{theme}
<Toggle checked={theme === 'dark'} onChange={() => { <Toggle checked={theme === 'dark'} onChange={() => {
setCheck(!checked) const t = theme === 'dark' ? 'light' : 'dark'
setTheme(checked ? 'dark' : 'light') setTheme(t)
localStorage.setItem('theme', checked ? 'dark' : 'light') localStorage.setItem('theme', t)
}} /> }} />
</div> </div>
</div> </div>