1 files changed, 36 insertions, 0 deletions
diff --git a/src/modules/result/components/MoreMenu.tsx b/src/modules/result/components/MoreMenu.tsx
new file mode 100644
index 0000000..a7380f4
--- /dev/null
+++ b/src/modules/result/components/MoreMenu.tsx
@@ -0,0 +1,36 @@
+"use client";
+import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, useDisclosure } from '@nextui-org/react'
+import { MoreVerticalIcon } from 'lucide-react'
+import React from 'react'
+import ImportModal from './ImportModal';
+import ProductModal from './ProductModal';
+
+const MoreMenu = () => {
+  const importModal = useDisclosure();
+  const productModal = useDisclosure();
+
+  return (
+    <>
+      <Dropdown>
+        <DropdownTrigger>
+          <Button variant="flat" className="px-2.5 min-w-fit">
+            <MoreVerticalIcon size={20} />
+          </Button>
+        </DropdownTrigger>
+        <DropdownMenu>
+          <DropdownItem key="product" onPress={productModal.onOpen}>
+            Product List
+          </DropdownItem>
+          <DropdownItem key="import" onPress={importModal.onOpen}>
+            Import Product
+          </DropdownItem>
+        </DropdownMenu>
+      </Dropdown>
+
+      <ProductModal modal={productModal} />
+      <ImportModal modal={importModal} />
+    </>
+  )
+}
+
+export default MoreMenu
+\ No newline at end of file