summaryrefslogtreecommitdiff
path: root/components/Tweaks/ThemeSelect.tsx
diff options
context:
space:
mode:
authorThomas F. K. Jorna <[email protected]>2022-01-03 17:21:18 +0100
committerGitHub <[email protected]>2022-01-03 17:21:18 +0100
commitdad03e3be5b0a7c1159e0207cce11540ca830359 (patch)
tree4ae4e0a40c578e12b6d4f11a3f785c8190865f8b /components/Tweaks/ThemeSelect.tsx
parent9ed0c5705a302a91fab2b8bcc777a12dcf9b3682 (diff)
feat(filter): add option to filter by subdirectory (#190)
Diffstat (limited to 'components/Tweaks/ThemeSelect.tsx')
-rw-r--r--components/Tweaks/ThemeSelect.tsx63
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>
- )
-}