From da703d65e3d6f94c5066765bae5589f27c418385 Mon Sep 17 00:00:00 2001
From: igorrCarvalho <igorsilvabhz6@gmail.com>
Date: Tue, 29 Aug 2023 18:53:39 -0300
Subject: [PATCH] Feat: Add DropdownButton prop type

---
 .../src/components/DropdownButtonComponent/index.tsx        | 3 ++-
 src/frontend/src/pages/MainPage/index.tsx                   | 2 +-
 src/frontend/src/types/components/index.ts                  | 6 ++++++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/components/DropdownButtonComponent/index.tsx b/src/frontend/src/components/DropdownButtonComponent/index.tsx
index 20865e12d..71e02c43b 100644
--- a/src/frontend/src/components/DropdownButtonComponent/index.tsx
+++ b/src/frontend/src/components/DropdownButtonComponent/index.tsx
@@ -1,12 +1,13 @@
 import { useState } from "react";
 import IconComponent from "../genericIconComponent";
 import { Button } from "../ui/button";
+import { dropdownButtonPropsType } from "../../types/components";
 
 export default function DropdownButton({
   firstButtonName,
   onFirstBtnClick,
   options,
-}): JSX.Element {
+}: dropdownButtonPropsType): JSX.Element {
   const [showOptions, setShowOptions] = useState(false);
 
   return (
diff --git a/src/frontend/src/pages/MainPage/index.tsx b/src/frontend/src/pages/MainPage/index.tsx
index 007298f29..bdcf76c19 100644
--- a/src/frontend/src/pages/MainPage/index.tsx
+++ b/src/frontend/src/pages/MainPage/index.tsx
@@ -53,7 +53,7 @@ export default function HomePage(): JSX.Element {
                   navigate("/flow/" + id);
                 });
               }}
-              options={[{name: "yesyes", onBtnClick: () => console.log('dips')}, {name: "dips", onBtnClick: () => console.log('yesyes')}]}
+              options={[{name: "Import from JSON", onBtnClick: () => console.log('imported')}]}
             />
           </div>
         </div>
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index 24e538e98..b61ddf07d 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -544,3 +544,9 @@ export type fetchErrorComponentType = {
   message: string;
   description: string;
 };
+
+export type dropdownButtonPropsType = {
+  firstButtonName: string;
+  onFirstBtnClick: () => void;
+  options: Array<{ name: string; onBtnClick: () => void; }>;
+};