diff options
author | Kirill Rogovoy <[email protected]> | 2021-07-25 14:38:05 +0300 |
---|---|---|
committer | Kirill Rogovoy <[email protected]> | 2021-07-25 14:38:05 +0300 |
commit | ebc3e97c9fdaabfc4fcd9c35525f302ad3a8cb45 (patch) | |
tree | f58ed08b3c263f8cbab96644640db2a1f0114a89 /components | |
parent | 236b5214b188f7731bb7168572eb8cbf8244a233 (diff) |
Move showTweaks to tweaks.tsx
Diffstat (limited to 'components')
-rw-r--r-- | components/tweaks.tsx | 19 |
1 files changed, 15 insertions, 4 deletions
diff --git a/components/tweaks.tsx b/components/tweaks.tsx index a082306..ab5a6a7 100644 --- a/components/tweaks.tsx +++ b/components/tweaks.tsx @@ -25,6 +25,7 @@ import { Tooltip, VStack, } from '@chakra-ui/react' +import { useState } from 'react' import Scrollbars from 'react-custom-scrollbars-2' import { initialPhysics, initialFilter } from './config' @@ -35,11 +36,22 @@ export interface TweakProps { setThreeDim: (newValue: boolean) => void filter: typeof initialFilter setFilter: any - onClose: () => void } export const Tweaks = (props: TweakProps) => { - const { physics, setPhysics, threeDim, filter, setFilter, onClose } = props + const { physics, setPhysics, threeDim, filter, setFilter } = props + const [showTweaks, setShowTweaks] = useState(true) + + if (!showTweaks) { + return <Box position="absolute" zIndex="overlay" marginTop="2%" marginLeft="2%"> + <IconButton + aria-label="Settings" + icon={<SettingsIcon />} + onClick={() => setShowTweaks(true)} + /> + </Box> + } + return ( <Box zIndex="overlay" @@ -51,7 +63,6 @@ export const Tweaks = (props: TweakProps) => { borderRadius="md" maxH={650} paddingBottom={5} - //overflowY="scroll" > <Box display="flex" justifyContent="flex-end"> <Tooltip label="Reset settings to defaults"> @@ -62,7 +73,7 @@ export const Tweaks = (props: TweakProps) => { colorScheme="purple" /> </Tooltip> - <CloseButton onClick={onClose} /> + <CloseButton onClick={() => setShowTweaks(false)} /> </Box> <Scrollbars autoHeight |