From 57185d21f8c85ad5063a420a12072b7d39e9e77c Mon Sep 17 00:00:00 2001
From: "Thomas F. K. Jorna" <hello@tefkah.com>
Date: Wed, 6 Oct 2021 04:11:14 +0200
Subject: feat: theme selector

---
 components/Tweaks/VisualsPanel.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

(limited to 'components/Tweaks/VisualsPanel.tsx')

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.')
+}
-- 
cgit v1.2.3

