diff options
author | Thomas F. K. Jorna <[email protected]> | 2021-09-25 16:11:31 +0200 |
---|---|---|
committer | Thomas F. K. Jorna <[email protected]> | 2021-09-25 16:11:31 +0200 |
commit | ee8539a9351374a719c9026f85d85e7b4ea6e8f5 (patch) | |
tree | f9220fd304bd3669523df39ddaa0992919ccc4a6 /components/DropDownMenu.tsx | |
parent | 075d3831ffae63f128bcaabf9fc5e70ade41ad33 (diff) |
chore: move tweaks to separate subfolder
Diffstat (limited to 'components/DropDownMenu.tsx')
-rw-r--r-- | components/DropDownMenu.tsx | 28 |
1 files changed, 0 insertions, 28 deletions
diff --git a/components/DropDownMenu.tsx b/components/DropDownMenu.tsx deleted file mode 100644 index fbd854b..0000000 --- a/components/DropDownMenu.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { ChevronDownIcon } from '@chakra-ui/icons' -import { Button, Menu, MenuButton, MenuItem, MenuList, Portal } from '@chakra-ui/react' -import React from 'react' - -export interface DropDownMenuProps { - textArray: string[] - onClickArray: (() => void)[] - displayValue: string -} - -export const DropDownMenu = (props: DropDownMenuProps) => { - const { textArray, onClickArray, displayValue } = props - return ( - <Menu isLazy placement="right"> - <MenuButton as={Button} rightIcon={<ChevronDownIcon />}> - {displayValue} - </MenuButton> - <Portal> - {' '} - <MenuList zIndex="popover"> - {textArray.map((option, i) => { - ;<MenuItem onClick={onClickArray[i]}> {option} </MenuItem> - })} - </MenuList> - </Portal> - </Menu> - ) -} |