Add dark mode (#191)

Closes #189
This commit is contained in:
Baptiste Arnaud
2022-12-20 16:55:43 +01:00
committed by GitHub
parent 054cbb3585
commit 3394fa5e0a
77 changed files with 1782 additions and 601 deletions

View File

@@ -1,4 +1,4 @@
import { useUser } from '@/features/account'
import { UserPreferencesForm } from '@/features/account'
import {
Modal,
ModalBody,
@@ -6,31 +6,21 @@ import {
ModalContent,
ModalOverlay,
} from '@chakra-ui/react'
import { GraphNavigation } from 'db'
import React from 'react'
import { EditorSettingsForm } from './EditorSettingsForm'
type Props = {
isOpen: boolean
onClose: () => void
}
export const EditorSettingsModal = ({ isOpen, onClose }: Props) => {
const { user } = useUser()
return (
<Modal isOpen={isOpen} onClose={onClose} size="xl">
<ModalOverlay />
<ModalContent>
<ModalCloseButton />
<ModalBody pt="12" pb="8" px="8">
<EditorSettingsForm
defaultGraphNavigation={
user?.graphNavigation ?? GraphNavigation.TRACKPAD
}
/>
</ModalBody>
</ModalContent>
</Modal>
)
}
export const EditorSettingsModal = ({ isOpen, onClose }: Props) => (
<Modal isOpen={isOpen} onClose={onClose} size="xl">
<ModalOverlay />
<ModalContent>
<ModalCloseButton />
<ModalBody pt="12" pb="8" px="8">
<UserPreferencesForm />
</ModalBody>
</ModalContent>
</Modal>
)