From ec240072e77a95244c2ba2990a097165a5e8dbe8 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 6 Jun 2024 15:03:10 -0300
Subject: [PATCH] Added Upload Flow button to main page

---
 .../components/headerComponent/index.tsx       | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/pages/MainPage/components/headerComponent/index.tsx b/src/frontend/src/pages/MainPage/components/headerComponent/index.tsx
index dc7143198..e5145fd83 100644
--- a/src/frontend/src/pages/MainPage/components/headerComponent/index.tsx
+++ b/src/frontend/src/pages/MainPage/components/headerComponent/index.tsx
@@ -1,5 +1,7 @@
 import { useState } from "react";
-import IconComponent from "../../../../components/genericIconComponent";
+import IconComponent, {
+  ForwardedIconComponent,
+} from "../../../../components/genericIconComponent";
 import ShadTooltip from "../../../../components/shadTooltipComponent";
 import { Checkbox } from "../../../../components/ui/checkbox";
 import { cn } from "../../../../utils/utils";
@@ -30,7 +32,19 @@ const HeaderComponent = ({
   return (
     <>
       <div className="grid grid-cols-3 pb-5">
-        <div className="col-auto grid-cols-1 self-center justify-self-start">
+        <div className="flex items-center gap-4 justify-self-start">
+          <Button
+            variant="outline"
+            size="sm"
+            onClick={handleClick}
+            className="text-sm"
+          >
+            <ForwardedIconComponent
+              name="FileUp"
+              className="h-5 w-5 text-primary"
+            />
+            Upload Flow
+          </Button>
           <Button
             variant="none"
             size="none"