diff options
author | Thomas F. K. Jorna <[email protected]> | 2021-10-11 01:46:29 +0200 |
---|---|---|
committer | Thomas F. K. Jorna <[email protected]> | 2021-10-11 01:46:29 +0200 |
commit | ca8adb497460e39654069ef583d851dd05078cb4 (patch) | |
tree | ef194bebfe1154823450daa708396782109dfe82 /components/Tweaks/VisualsPanel.tsx | |
parent | bb6fe7325dfe76c0618d34455e56122c3204a3b3 (diff) | |
parent | f495a9499c549d92d64ee3a2e50a239ea769c609 (diff) |
chore(preview): merge branches
Diffstat (limited to 'components/Tweaks/VisualsPanel.tsx')
-rw-r--r-- | components/Tweaks/VisualsPanel.tsx | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/components/Tweaks/VisualsPanel.tsx b/components/Tweaks/VisualsPanel.tsx index 559975d..d3c8415 100644 --- a/components/Tweaks/VisualsPanel.tsx +++ b/components/Tweaks/VisualsPanel.tsx @@ -7,6 +7,13 @@ import { VStack, AccordionIcon, AccordionPanel, + MenuButton, + Menu, + Button, + Box, + Portal, + MenuList, + MenuItem, } from '@chakra-ui/react' import React, { useCallback } from 'react' import { HighlightingPanel } from './HighlightingPanel' @@ -15,6 +22,8 @@ import { initialVisuals } from '../config' import { NodesNLinksPanel } from './NodesNLinksPanel' import { LabelsPanel } from './LabelsPanel' import { CitationsPanel } from './CitationsPanel' +import { ColorMenu } from './ColorMenu' +import { ThemeSelect } from './ThemeSelect' export interface VisualsPanelProps { visuals: typeof initialVisuals @@ -29,6 +38,7 @@ export const VisualsPanel = (props: VisualsPanelProps) => { const setVisualsCallback = useCallback((val) => setVisuals(val), []) return ( <VStack justifyContent="flex-start" align="stretch"> + <ThemeSelect /> <Accordion allowToggle defaultIndex={[0]} paddingLeft={3}> <AccordionItem> <AccordionButton> @@ -98,3 +108,6 @@ export const VisualsPanel = (props: VisualsPanelProps) => { </VStack> ) } +function clickCallback(color: string): void { + throw new Error('Function not implemented.') +} |