diff options
| author | Thomas F. K. Jorna <[email protected]> | 2021-10-11 21:27:17 +0200 |
|---|---|---|
| committer | GitHub <[email protected]> | 2021-10-11 21:27:17 +0200 |
| commit | 58b7030d45370072dee25214748670d6413343a9 (patch) | |
| tree | 9632df7273415f4b197413c45ad11563af32d53a /components/Tweaks/BehaviorPanel.tsx | |
| parent | 89be3b67b2d10d35d72b5c54e1e166beeeef3095 (diff) | |
| parent | 6e3dcf585c35620c6804f3c208e6882c29dfc17e (diff) | |
Merge pull request #101 from org-roam/sidebar
feat: Add file preview functionality
Diffstat (limited to 'components/Tweaks/BehaviorPanel.tsx')
| -rw-r--r-- | components/Tweaks/BehaviorPanel.tsx | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/components/Tweaks/BehaviorPanel.tsx b/components/Tweaks/BehaviorPanel.tsx index 8edb986..5d61730 100644 --- a/components/Tweaks/BehaviorPanel.tsx +++ b/components/Tweaks/BehaviorPanel.tsx @@ -10,6 +10,8 @@ import { StackDivider, VStack, Text, + Box, + Switch, } from '@chakra-ui/react' import React from 'react' import { initialBehavior, initialMouse } from '../config' @@ -34,6 +36,26 @@ export const BehaviorPanel = (props: BehaviorPanelProps) => { color="gray.800" > <Flex alignItems="center" justifyContent="space-between"> + <Text>Preview node</Text> + <Menu isLazy placement="right"> + <MenuButton as={Button} rightIcon={<ChevronDownIcon />} colorScheme="" color="black"> + <Text> + {mouse.preview ? mouse.preview[0]!.toUpperCase() + mouse.preview!.slice(1) : 'Never'} + </Text> + </MenuButton> + <Portal> + {' '} + <MenuList bgColor="gray.200" zIndex="popover"> + <MenuItem onClick={() => setMouse({ ...mouse, preview: '' })}>Never</MenuItem> + <MenuItem onClick={() => setMouse({ ...mouse, preview: 'click' })}>Click</MenuItem> + <MenuItem onClick={() => setMouse({ ...mouse, preview: 'double' })}> + Double Click + </MenuItem> + </MenuList> + </Portal> + </Menu> + </Flex> + <Flex alignItems="center" justifyContent="space-between"> <Flex> <Text>Expand Node</Text> <InfoTooltip infoText="View only the node and its direct neighbors" /> |