summaryrefslogtreecommitdiff
path: root/components/Tweaks/VisualsPanel.tsx
diff options
context:
space:
mode:
authorThomas F. K. Jorna <[email protected]>2021-10-06 04:11:14 +0200
committerThomas F. K. Jorna <[email protected]>2021-10-06 04:11:14 +0200
commit57185d21f8c85ad5063a420a12072b7d39e9e77c (patch)
tree2df3feaa904fff0e7db929742a8f241ee7d60446 /components/Tweaks/VisualsPanel.tsx
parente971a5936dbebf26a85446c8f9ed866b71514325 (diff)
feat: theme selector
Diffstat (limited to 'components/Tweaks/VisualsPanel.tsx')
-rw-r--r--components/Tweaks/VisualsPanel.tsx13
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.')
+}