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() {