From ee8539a9351374a719c9026f85d85e7b4ea6e8f5 Mon Sep 17 00:00:00 2001
From: "Thomas F. K. Jorna" <hello@tefkah.com>
Date: Sat, 25 Sep 2021 16:11:31 +0200
Subject: chore: move tweaks to separate subfolder

---
 components/Tweaks/DropDownMenu.tsx | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 components/Tweaks/DropDownMenu.tsx

(limited to 'components/Tweaks/DropDownMenu.tsx')

diff --git a/components/Tweaks/DropDownMenu.tsx b/components/Tweaks/DropDownMenu.tsx
new file mode 100644
index 0000000..fbd854b
--- /dev/null
+++ b/components/Tweaks/DropDownMenu.tsx
@@ -0,0 +1,28 @@
+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>
+  )
+}
-- 
cgit v1.2.3

