From 3898c1823f14cb9780f1fd8d9965a3a7b8d29b13 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Wed, 14 Jun 2023 20:27:14 -0300
Subject: [PATCH] upload flow filter not json files

---
 src/frontend/src/contexts/tabsContext.tsx                    | 1 +
 .../FlowPage/components/extraSidebarComponent/index.tsx      | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/contexts/tabsContext.tsx b/src/frontend/src/contexts/tabsContext.tsx
index 6662a0781..61ece3f21 100644
--- a/src/frontend/src/contexts/tabsContext.tsx
+++ b/src/frontend/src/contexts/tabsContext.tsx
@@ -294,6 +294,7 @@ export function TabsProvider({ children }: { children: ReactNode }) {
     // create a file input
     const input = document.createElement("input");
     input.type = "file";
+    input.accept = ".json";
     // add a change event listener to the file input
     input.onchange = (e: Event) => {
       // check if the file type is application/json
diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index 127540db5..4296aa35e 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -25,7 +25,7 @@ import { Input } from "../../../../components/ui/input";
 export default function ExtraSidebar() {
   const { data } = useContext(typesContext);
   const { openPopUp } = useContext(PopUpContext);
-  const { flows, tabId } = useContext(TabsContext);
+  const { flows, tabId, uploadFlow } = useContext(TabsContext);
   const { setSuccessData, setErrorData } = useContext(alertContext);
   const [dataFilter, setFilterData] = useState(data);
   const [search, setSearch] = useState("");
@@ -77,7 +77,8 @@ export default function ExtraSidebar() {
           <button
             className="hover:dark:hover:bg-[#242f47] text-gray-700 w-full justify-center shadow-sm transition-all duration-500 ease-in-out dark:bg-gray-800 dark:text-gray-300  relative inline-flex items-center rounded-md bg-white px-2 py-2 ring-1 ring-inset ring-gray-300 hover:bg-gray-50"
             onClick={() => {
-              openPopUp(<ImportModal />);
+              // openPopUp(<ImportModal />);
+              uploadFlow()
             }}
           >
             <FileUp className="w-5 h-5 dark:text-gray-300"></FileUp>