From edf7afa78316ed8c6574ebbd7668c6e65001859e Mon Sep 17 00:00:00 2001
From: "Thomas F. K. Jorna" <thomasfkjorna@gmail.com>
Date: Mon, 26 Jul 2021 17:15:25 +0200
Subject: removed mouse and file viewer customizaton

---
 components/tweaks.tsx | 104 ++++++--------------------------------------------
 1 file changed, 11 insertions(+), 93 deletions(-)

(limited to 'components')

diff --git a/components/tweaks.tsx b/components/tweaks.tsx
index a26d479..43a8ecf 100644
--- a/components/tweaks.tsx
+++ b/components/tweaks.tsx
@@ -12,9 +12,7 @@ import {
   AccordionItem,
   AccordionPanel,
   Box,
-  BoxProps,
   Button,
-  CloseButton,
   Flex,
   IconButton,
   Menu,
@@ -31,14 +29,12 @@ import {
   Text,
   Tooltip,
   VStack,
-  useDisclosure,
   Heading,
-  SlideFade,
   Collapse,
 } from '@chakra-ui/react'
 import React, { useState } from 'react'
 import Scrollbars from 'react-custom-scrollbars-2'
-import { initialPhysics, initialFilter, initialMouse } from './config'
+import { initialPhysics, initialFilter } from './config'
 
 export interface TweakProps {
   physics: typeof initialPhysics
@@ -47,14 +43,11 @@ export interface TweakProps {
   setThreeDim: (newValue: boolean) => void
   filter: typeof initialFilter
   setFilter: any
-  mouse: typeof initialMouse
-  setMouse: any
 }
 
 export const Tweaks = (props: TweakProps) => {
-  const { physics, setPhysics, threeDim, setThreeDim, mouse, setMouse, filter, setFilter } = props
+  const { physics, setPhysics, threeDim, setThreeDim, filter, setFilter } = props
   const [showTweaks, setShowTweaks] = useState(true)
-  const mouseArray = ['Never', 'Hover', 'Click', 'Double Click', 'Right Click']
 
   return (
     <>
@@ -91,7 +84,6 @@ export const Tweaks = (props: TweakProps) => {
                 colorScheme="purple"
                 variant={threeDim ? 'solid' : 'outline'}
                 zIndex="overlay"
-                variant="ghost"
               >
                 {threeDim ? '2D' : '3D'}
               </Button>
@@ -337,7 +329,7 @@ export const Tweaks = (props: TweakProps) => {
                           </MenuList>
                         </Menu>
                       </Flex>
-                      <Collapse in={physics.labels > 1} animateOpactiy>
+                      <Collapse in={physics.labels > 1} animateOpacity>
                         <Box paddingLeft={4} paddingTop={2}>
                           <SliderWithInfo
                             label="Label Appearance Scale"
@@ -415,11 +407,13 @@ export const Tweaks = (props: TweakProps) => {
                               setPhysics({ ...physics, algorithmName: v.target.value })
                             }}
                           >
-                            {physics.algorithmOptions.map((opt, i) => (
-                              <option key={i} value={opt}>
-                                {opt}
-                              </option>
-                            ))}
+                            {physics.algorithmOptions.map((opt: string, i: number) => {
+                              return (
+                                <option key={i} value={opt}>
+                                  {opt}
+                                </option>
+                              )
+                            })}
                           </Select>
                           {/* <DropDownMenu
                     displayValue={physics.algorithmName}
@@ -447,83 +441,7 @@ export const Tweaks = (props: TweakProps) => {
                     align="stretch"
                     paddingLeft={7}
                     color="gray.800"
-                  >
-                    <Flex alignItems="center" justifyContent="space-between">
-                      <Flex>
-                        <Text>Open preview window on...</Text>
-                        <InfoTooltip infoText="Open a drawer with an HTML export of the node. Note, kinda buggy." />
-                      </Flex>
-                      <Menu>
-                        <MenuButton as={Button} rightIcon={<ChevronDownIcon />}>
-                          {mouseArray[mouse.open]}
-                        </MenuButton>
-                        <MenuList bgColor="gray.200">
-                          <MenuItem onClick={() => setMouse({ ...mouse, open: 0 })}>Never</MenuItem>
-                          <MenuItem onClick={() => setMouse({ ...mouse, open: 1 })}>Hover</MenuItem>
-                          <MenuItem onClick={() => setMouse({ ...mouse, open: 2 })}>Click</MenuItem>
-                          <MenuItem onClick={() => setMouse({ ...mouse, open: 3 })}>
-                            Double Click
-                          </MenuItem>
-                          <MenuItem onClick={() => setMouse({ ...mouse, open: 4 })}>
-                            Right Click
-                          </MenuItem>
-                        </MenuList>
-                      </Menu>
-                    </Flex>
-                    <Flex alignItems="center" justifyContent="space-between">
-                      <Flex>
-                        <Text>Enter local graph on...</Text>
-                        <InfoTooltip infoText="View only the node and its direct neighbors" />
-                      </Flex>
-                      <Menu>
-                        <MenuButton as={Button} rightIcon={<ChevronDownIcon />}>
-                          {mouseArray[mouse.local]}
-                        </MenuButton>
-                        <MenuList bgColor="gray.200">
-                          <MenuItem onClick={() => setMouse({ ...mouse, local: 0 })}>
-                            Never
-                          </MenuItem>
-                          <MenuItem onClick={() => setMouse({ ...mouse, local: 1 })}>
-                            Hover
-                          </MenuItem>
-                          <MenuItem onClick={() => setMouse({ ...mouse, local: 2 })}>
-                            Click
-                          </MenuItem>
-                          <MenuItem onClick={() => setMouse({ ...mouse, local: 3 })}>
-                            Double Click
-                          </MenuItem>
-                          <MenuItem onClick={() => setMouse({ ...mouse, local: 4 })}>
-                            Right Click
-                          </MenuItem>
-                        </MenuList>
-                      </Menu>
-                    </Flex>
-                    <Flex alignItems="center" justifyContent="space-between">
-                      <Text>Open node in emacs on...</Text>
-                      <Menu>
-                        <MenuButton as={Button} rightIcon={<ChevronDownIcon />}>
-                          {mouseArray[mouse.follow]}
-                        </MenuButton>
-                        <MenuList bgColor="gray.200">
-                          <MenuItem onClick={() => setMouse({ ...mouse, follow: 0 })}>
-                            Never
-                          </MenuItem>
-                          <MenuItem onClick={() => setMouse({ ...mouse, follow: 1 })}>
-                            Hover
-                          </MenuItem>
-                          <MenuItem onClick={() => setMouse({ ...mouse, follow: 2 })}>
-                            Click
-                          </MenuItem>
-                          <MenuItem onClick={() => setMouse({ ...mouse, follow: 3 })}>
-                            Double Click
-                          </MenuItem>
-                          <MenuItem onClick={() => setMouse({ ...mouse, follow: 4 })}>
-                            Right Click
-                          </MenuItem>
-                        </MenuList>
-                      </Menu>
-                    </Flex>
-                  </VStack>
+                  ></VStack>
                 </AccordionPanel>
               </AccordionItem>
             </Accordion>
-- 
cgit v1.2.3