@@ -82,7 +82,6 @@
|
||||
"qs": "6.11.2",
|
||||
"react": "18.2.0",
|
||||
"react-dom": "18.2.0",
|
||||
"sharp": "0.32.4",
|
||||
"slate": "0.94.1",
|
||||
"slate-history": "0.93.0",
|
||||
"slate-react": "0.94.2",
|
||||
|
||||
@@ -5,11 +5,8 @@ import {
|
||||
Stack,
|
||||
Radio,
|
||||
Text,
|
||||
Image,
|
||||
} from '@chakra-ui/react'
|
||||
import Image from 'next/image'
|
||||
import lightModeIllustration from 'public/images/light-mode.png'
|
||||
import darkModeIllustration from 'public/images/dark-mode.png'
|
||||
import systemModeIllustration from 'public/images/system-mode.png'
|
||||
import { useTranslate } from '@tolgee/react'
|
||||
|
||||
type Props = {
|
||||
@@ -24,17 +21,17 @@ export const AppearanceRadioGroup = ({ defaultValue, onChange }: Props) => {
|
||||
{
|
||||
value: 'light',
|
||||
label: t('account.preferences.appearance.lightLabel'),
|
||||
image: lightModeIllustration,
|
||||
image: '/images/light-mode.png',
|
||||
},
|
||||
{
|
||||
value: 'dark',
|
||||
label: t('account.preferences.appearance.darkLabel'),
|
||||
image: darkModeIllustration,
|
||||
image: '/images/dark-mode.png',
|
||||
},
|
||||
{
|
||||
value: 'system',
|
||||
label: t('account.preferences.appearance.systemLabel'),
|
||||
image: systemModeIllustration,
|
||||
image: '/images/system-mode.png',
|
||||
},
|
||||
]
|
||||
return (
|
||||
|
||||
Reference in New Issue
Block a user