diff options
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/index.tsx | 25 |
1 files changed, 16 insertions, 9 deletions
diff --git a/pages/index.tsx b/pages/index.tsx index 75f2db7..06c7dc2 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -182,6 +182,7 @@ export function GraphPage() { }, []) const [threeDim, setThreeDim] = useState(false) + const [showTweeks, setShowTweeks] = useState(true) if (!graphData) { return null @@ -189,13 +190,18 @@ export function GraphPage() { return ( <div> - <Tweaks - {...{ - physics, - setPhysics, - threeDim, - }} - /> + {showTweeks && ( + <Tweaks + {...{ + physics, + setPhysics, + threeDim, + }} + onClose={() => { + setShowTweeks(false) + }} + /> + )} <Graph nodeById={nodeByIdRef.current!} linksByNodeId={linksByNodeIdRef.current!} @@ -286,9 +292,10 @@ export interface TweakProps { physics: typeof initialPhysics setPhysics: any threeDim: boolean + onClose: () => void } export const Tweaks = function (props: TweakProps) { - const { physics, setPhysics, threeDim } = props + const { physics, setPhysics, threeDim, onClose } = props return ( <Box zIndex="overlay" @@ -309,7 +316,7 @@ export const Tweaks = function (props: TweakProps) { onClick={() => setPhysics(initialPhysics)} /> </Tooltip> - <CloseButton /> + <CloseButton onClick={onClose} /> </Box> <Accordion allowMultiple defaultIndex={[0]} allowToggle> <AccordionItem> |