summaryrefslogtreecommitdiff
path: root/components/Tweaks/VisualsPanel.tsx
diff options
context:
space:
mode:
authorThomas F. K. Jorna <[email protected]>2021-10-11 01:46:29 +0200
committerThomas F. K. Jorna <[email protected]>2021-10-11 01:46:29 +0200
commitca8adb497460e39654069ef583d851dd05078cb4 (patch)
treeef194bebfe1154823450daa708396782109dfe82 /components/Tweaks/VisualsPanel.tsx
parentbb6fe7325dfe76c0618d34455e56122c3204a3b3 (diff)
parentf495a9499c549d92d64ee3a2e50a239ea769c609 (diff)
chore(preview): merge branches
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.')
+}