diff options
author | Thomas F. K. Jorna <[email protected]> | 2022-01-03 17:21:18 +0100 |
---|---|---|
committer | GitHub <[email protected]> | 2022-01-03 17:21:18 +0100 |
commit | dad03e3be5b0a7c1159e0207cce11540ca830359 (patch) | |
tree | 4ae4e0a40c578e12b6d4f11a3f785c8190865f8b /components/Tweaks/ThemeSelect.tsx | |
parent | 9ed0c5705a302a91fab2b8bcc777a12dcf9b3682 (diff) |
feat(filter): add option to filter by subdirectory (#190)
Diffstat (limited to 'components/Tweaks/ThemeSelect.tsx')
-rw-r--r-- | components/Tweaks/ThemeSelect.tsx | 63 |
1 files changed, 0 insertions, 63 deletions
diff --git a/components/Tweaks/ThemeSelect.tsx b/components/Tweaks/ThemeSelect.tsx deleted file mode 100644 index d5a7f54..0000000 --- a/components/Tweaks/ThemeSelect.tsx +++ /dev/null @@ -1,63 +0,0 @@ -import React, { useContext } from 'react' -import { - Box, - Button, - Flex, - Menu, - MenuButton, - MenuItem, - MenuList, - Portal, - Text, -} from '@chakra-ui/react' - -import { themes } from '../themes' -import { ChevronDownIcon } from '@chakra-ui/icons' -import { ThemeContext } from '../../util/themecontext' - -export const ThemeSelect = () => { - type Theme = { [key: string]: string } - const { emacsTheme, setEmacsTheme, highlightColor } = useContext(ThemeContext) - return ( - <Flex alignItems="center" justifyContent="space-between" pl={7} pr={2}> - <Text>Theme</Text> - <Menu isLazy placement="bottom" closeOnSelect={false}> - <MenuButton - as={Button} - size="sm" - colorScheme="" - color="black" - rightIcon={<ChevronDownIcon />} - > - {emacsTheme[0]} - </MenuButton> - <MenuList minW={10} zIndex="popover" bgColor="gray.200"> - <MenuItem - onClick={() => ''} - justifyContent="space-between" - alignItems="center" - display="flex" - > - <Box height={6} width={6}></Box> - </MenuItem> - {Object.keys(themes).map((theme: string, i: number) => ( - <MenuItem - key={theme} - onClick={() => setEmacsTheme([theme, themes[theme]])} - justifyContent="space-between" - alignItems="center" - display="flex" - > - <Text>{theme}</Text> - <Flex height={6} width={20} flexDirection="column" flexWrap="wrap"> - {Object.values(themes[theme as string]).map((color: string) => { - return <Box key={color} bgColor={color} flex="1 1 8px"></Box> - })} - </Flex> - </MenuItem> - ))} - </MenuList> - </Menu> - </Flex> - ) -} |