pythonasyncioapiasyncfastapiframeworkjsonjson-schemaopenapiopenapi3pydanticpython-typespython3redocreststarletteswaggerswagger-uiuvicornweb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
878 B
33 lines
878 B
import { Container, Heading, Stack } from "@chakra-ui/react"
|
|
import { useTheme } from "next-themes"
|
|
import { useTranslation } from "react-i18next"
|
|
|
|
import { Radio, RadioGroup } from "@/components/ui/radio"
|
|
|
|
const Appearance = () => {
|
|
const { theme, setTheme } = useTheme()
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<>
|
|
<Container maxW="full">
|
|
<Heading size="sm" py={4}>
|
|
{t("user.appearance")}
|
|
</Heading>
|
|
|
|
<RadioGroup
|
|
onValueChange={(e) => setTheme(e.value)}
|
|
value={theme}
|
|
colorPalette="teal"
|
|
>
|
|
<Stack>
|
|
<Radio value="system">{t("theme.system")}</Radio>
|
|
<Radio value="light">{t("theme.light")}</Radio>
|
|
<Radio value="dark">{t("theme.dark")}</Radio>
|
|
</Stack>
|
|
</RadioGroup>
|
|
</Container>
|
|
</>
|
|
)
|
|
}
|
|
export default Appearance
|
|
|