From 51a0793ec06297a435379cb40a93c958a43bde86 Mon Sep 17 00:00:00 2001
From: "Thomas F. K. Jorna" <thomasfkjorna@gmail.com>
Date: Thu, 22 Jul 2021 17:53:42 +0200
Subject: added hightlight link toolbar

---
 pages/index.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

(limited to 'pages/index.tsx')

diff --git a/pages/index.tsx b/pages/index.tsx
index 469d985..356f5bb 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -44,6 +44,7 @@ import {
   MenuDivider,
   MenuOptionGroup,
   MenuItemOption,
+  Flex,
 } from '@chakra-ui/react'
 
 import { InfoOutlineIcon, RepeatClockIcon, ChevronDownIcon } from '@chakra-ui/icons'
@@ -459,7 +460,19 @@ export const Tweaks = function (props: TweakProps) {
                 onChange={() => setPhysics({ ...physics, highlight: !physics.hightligth })}
                 value={physics.hightlight}
               >
-                <Text>Hi</Text>
+                <SliderWithInfo
+                  label="Highlight Link Thickness Multiplier"
+                  value={physics.highlightLink}
+                  onChange={(value) => setPhysics({ ...physics, highlightLink: value })}
+                />
+                <SliderWithInfo
+                  label="Highlight Node Size Multiplier"
+                  value={physics.particleWidth}
+                  onChange={(value) => setPhysics({ ...physics, highlightNode: value })}
+                />
+                <Flex justifyContent="space-between">
+                  <Text></Text>
+                </Flex>
               </EnableSection>
             </VStack>
           </AccordionPanel>
-- 
cgit v1.2.3

