From b48c813550b520ff56be7bb9b38ffb2ee4cbb48a Mon Sep 17 00:00:00 2001 From: igorrCarvalho Date: Fri, 27 Oct 2023 16:22:12 -0300 Subject: [PATCH] Refactor: Change tabsContext name to FlowsContext --- src/frontend/src/App.tsx | 4 ++-- .../components/parameterComponent/index.tsx | 6 +++--- src/frontend/src/CustomNodes/GenericNode/index.tsx | 4 ++-- src/frontend/src/components/cardComponent/index.tsx | 4 ++-- .../components/chatComponent/buildTrigger/index.tsx | 4 ++-- src/frontend/src/components/chatComponent/index.tsx | 4 ++-- .../headerComponent/components/menuBar/index.tsx | 4 ++-- .../src/components/headerComponent/index.tsx | 4 ++-- .../src/components/inputFileComponent/index.tsx | 4 ++-- .../contexts/{tabsContext.tsx => flowsContext.tsx} | 12 ++++++------ src/frontend/src/contexts/index.tsx | 2 +- src/frontend/src/contexts/undoRedoContext.tsx | 4 ++-- src/frontend/src/modals/ApiModal/index.tsx | 4 ++-- src/frontend/src/modals/EditNodeModal/index.tsx | 4 ++-- src/frontend/src/modals/exportModal/index.tsx | 4 ++-- src/frontend/src/modals/flowSettingsModal/index.tsx | 4 ++-- src/frontend/src/modals/formModal/index.tsx | 4 ++-- src/frontend/src/pages/AdminPage/index.tsx | 4 ++-- src/frontend/src/pages/CommunityPage/index.tsx | 4 ++-- .../FlowPage/components/PageComponent/index.tsx | 4 ++-- .../components/extraSidebarComponent/index.tsx | 4 ++-- .../components/nodeToolbarComponent/index.tsx | 4 ++-- src/frontend/src/pages/FlowPage/index.tsx | 4 ++-- src/frontend/src/pages/MainPage/index.tsx | 4 ++-- src/frontend/src/pages/ProfileSettingsPage/index.tsx | 4 ++-- src/frontend/src/pages/ViewPage/index.tsx | 4 ++-- src/frontend/src/types/tabs/index.ts | 8 ++++---- 27 files changed, 60 insertions(+), 60 deletions(-) rename src/frontend/src/contexts/{tabsContext.tsx => flowsContext.tsx} (98%) diff --git a/src/frontend/src/App.tsx b/src/frontend/src/App.tsx index 20f2a18f9..57bac4488 100644 --- a/src/frontend/src/App.tsx +++ b/src/frontend/src/App.tsx @@ -17,7 +17,7 @@ import { } from "./constants/constants"; import { alertContext } from "./contexts/alertContext"; import { locationContext } from "./contexts/locationContext"; -import { TabsContext } from "./contexts/tabsContext"; +import { FlowsContext } from "./contexts/flowsContext"; import { typesContext } from "./contexts/typesContext"; import Router from "./routes"; @@ -30,7 +30,7 @@ export default function App() { setShowSideBar(true); setIsStackedOpen(true); }, [location.pathname, setCurrent, setIsStackedOpen, setShowSideBar]); - const { hardReset } = useContext(TabsContext); + const { hardReset } = useContext(FlowsContext); const { errorData, diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx index 78881d959..86fde06ba 100644 --- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx +++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx @@ -23,10 +23,10 @@ import TextAreaComponent from "../../../../components/textAreaComponent"; import ToggleShadComponent from "../../../../components/toggleShadComponent"; import { Button } from "../../../../components/ui/button"; import { TOOLTIP_EMPTY } from "../../../../constants/constants"; -import { TabsContext } from "../../../../contexts/tabsContext"; +import { FlowsContext } from "../../../../contexts/flowsContext"; import { typesContext } from "../../../../contexts/typesContext"; import { ParameterComponentType } from "../../../../types/components"; -import { TabsState } from "../../../../types/tabs"; +import { FlowsState } from "../../../../types/tabs"; import { convertObjToArray, convertValuesToNumbers, @@ -63,7 +63,7 @@ export default function ParameterComponent({ const infoHtml = useRef(null); const updateNodeInternals = useUpdateNodeInternals(); const [position, setPosition] = useState(0); - const { setTabsState, tabId, flows } = useContext(TabsContext); + const { setTabsState, tabId, flows } = useContext(FlowsContext); const flow = flows.find((flow) => flow.id === tabId)?.data?.nodes ?? null; diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx index a58f7a92c..b134c3ecb 100644 --- a/src/frontend/src/CustomNodes/GenericNode/index.tsx +++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx @@ -7,7 +7,7 @@ import IconComponent from "../../components/genericIconComponent"; import InputComponent from "../../components/inputComponent"; import { Textarea } from "../../components/ui/textarea"; import { useSSE } from "../../contexts/SSEContext"; -import { TabsContext } from "../../contexts/tabsContext"; +import { FlowsContext } from "../../contexts/flowsContext"; import { typesContext } from "../../contexts/typesContext"; import NodeToolbarComponent from "../../pages/FlowPage/components/nodeToolbarComponent"; import { validationStatusType } from "../../types/components"; @@ -33,7 +33,7 @@ export default function GenericNode({ yPos: number; }): JSX.Element { const [data, setData] = useState(olddata); - const { updateFlow, flows, tabId } = useContext(TabsContext); + const { updateFlow, flows, tabId } = useContext(FlowsContext); const updateNodeInternals = useUpdateNodeInternals(); const { types, deleteNode, reactFlowInstance, setFilterEdge, getFilterEdge } = useContext(typesContext); diff --git a/src/frontend/src/components/cardComponent/index.tsx b/src/frontend/src/components/cardComponent/index.tsx index d6b22fefb..dfa49caf4 100644 --- a/src/frontend/src/components/cardComponent/index.tsx +++ b/src/frontend/src/components/cardComponent/index.tsx @@ -1,5 +1,5 @@ import { useContext } from "react"; -import { TabsContext } from "../../contexts/tabsContext"; +import { FlowsContext } from "../../contexts/flowsContext"; import { cardComponentPropsType } from "../../types/components"; import { gradients } from "../../utils/styleUtils"; import IconComponent from "../genericIconComponent"; @@ -17,7 +17,7 @@ export const CardComponent = ({ onDelete, button, }: cardComponentPropsType): JSX.Element => { - const { removeFlow } = useContext(TabsContext); + const { removeFlow } = useContext(FlowsContext); return ( diff --git a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx index 5ecee1f29..99e628db5 100644 --- a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx +++ b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx @@ -7,7 +7,7 @@ import { typesContext } from "../../../contexts/typesContext"; import { postBuildInit } from "../../../controllers/API"; import { FlowType } from "../../../types/flow"; -import { TabsContext } from "../../../contexts/tabsContext"; +import { FlowsContext } from "../../../contexts/flowsContext"; import { parsedDataType } from "../../../types/components"; import { TabsState } from "../../../types/tabs"; import { validateNodes } from "../../../utils/reactflowUtils"; @@ -26,7 +26,7 @@ export default function BuildTrigger({ }): JSX.Element { const { updateSSEData, isBuilding, setIsBuilding, sseData } = useSSE(); const { reactFlowInstance } = useContext(typesContext); - const { setTabsState } = useContext(TabsContext); + const { setTabsState } = useContext(FlowsContext); const { setErrorData, setSuccessData } = useContext(alertContext); const [isIconTouched, setIsIconTouched] = useState(false); const eventClick = isBuilding ? "pointer-events-none" : ""; diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx index 69765dfe0..56a65dd35 100644 --- a/src/frontend/src/components/chatComponent/index.tsx +++ b/src/frontend/src/components/chatComponent/index.tsx @@ -5,7 +5,7 @@ import BuildTrigger from "./buildTrigger"; import ChatTrigger from "./chatTrigger"; import * as _ from "lodash"; -import { TabsContext } from "../../contexts/tabsContext"; +import { FlowsContext } from "../../contexts/flowsContext"; import { getBuildStatus } from "../../controllers/API"; import FormModal from "../../modals/formModal"; import { NodeType } from "../../types/flow"; @@ -13,7 +13,7 @@ import { NodeType } from "../../types/flow"; export default function Chat({ flow }: ChatType): JSX.Element { const [open, setOpen] = useState(false); const [canOpen, setCanOpen] = useState(false); - const { tabsState, isBuilt, setIsBuilt } = useContext(TabsContext); + const { tabsState, isBuilt, setIsBuilt } = useContext(FlowsContext); useEffect(() => { const handleKeyDown = (event: KeyboardEvent) => { diff --git a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx index 676dccabe..02282ab59 100644 --- a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx +++ b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx @@ -1,5 +1,5 @@ import { useContext, useState } from "react"; -import { TabsContext } from "../../../../contexts/tabsContext"; +import { FlowsContext } from "../../../../contexts/flowsContext"; import { DropdownMenu, DropdownMenuContent, @@ -17,7 +17,7 @@ import IconComponent from "../../../genericIconComponent"; import { Button } from "../../../ui/button"; export const MenuBar = ({ flows, tabId }: menuBarPropsType): JSX.Element => { - const { addFlow } = useContext(TabsContext); + const { addFlow } = useContext(FlowsContext); const { setErrorData } = useContext(alertContext); const { undo, redo } = useContext(undoRedoContext); const [openSettings, setOpenSettings] = useState(false); diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx index 5827588e1..3578b06ae 100644 --- a/src/frontend/src/components/headerComponent/index.tsx +++ b/src/frontend/src/components/headerComponent/index.tsx @@ -6,7 +6,7 @@ import { USER_PROJECTS_HEADER } from "../../constants/constants"; import { alertContext } from "../../contexts/alertContext"; import { AuthContext } from "../../contexts/authContext"; import { darkContext } from "../../contexts/darkContext"; -import { TabsContext } from "../../contexts/tabsContext"; +import { FlowsContext } from "../../contexts/flowsContext"; import { gradients } from "../../utils/styleUtils"; import IconComponent from "../genericIconComponent"; import { Button } from "../ui/button"; @@ -22,7 +22,7 @@ import { Separator } from "../ui/separator"; import MenuBar from "./components/menuBar"; export default function Header(): JSX.Element { - const { flows, tabId } = useContext(TabsContext); + const { flows, tabId } = useContext(FlowsContext); const { dark, setDark } = useContext(darkContext); const { notificationCenter } = useContext(alertContext); const location = useLocation(); diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx index 3bd1d1c23..e3aaf5d04 100644 --- a/src/frontend/src/components/inputFileComponent/index.tsx +++ b/src/frontend/src/components/inputFileComponent/index.tsx @@ -1,6 +1,6 @@ import { useContext, useEffect, useState } from "react"; import { alertContext } from "../../contexts/alertContext"; -import { TabsContext } from "../../contexts/tabsContext"; +import { FlowsContext } from "../../contexts/flowsContext"; import { uploadFile } from "../../controllers/API"; import { FileComponentType } from "../../types/components"; import IconComponent from "../genericIconComponent"; @@ -17,7 +17,7 @@ export default function InputFileComponent({ const [myValue, setMyValue] = useState(value); const [loading, setLoading] = useState(false); const { setErrorData } = useContext(alertContext); - const { tabId } = useContext(TabsContext); + const { tabId } = useContext(FlowsContext); // Clear component state useEffect(() => { diff --git a/src/frontend/src/contexts/tabsContext.tsx b/src/frontend/src/contexts/flowsContext.tsx similarity index 98% rename from src/frontend/src/contexts/tabsContext.tsx rename to src/frontend/src/contexts/flowsContext.tsx index cba2376b5..2944b427b 100644 --- a/src/frontend/src/contexts/tabsContext.tsx +++ b/src/frontend/src/contexts/flowsContext.tsx @@ -28,7 +28,7 @@ import { sourceHandleType, targetHandleType, } from "../types/flow"; -import { TabsContextType, TabsState } from "../types/tabs"; +import { FlowsContextType, TabsState } from "../types/tabs"; import { addVersionToDuplicates, checkOldEdgesHandles, @@ -45,7 +45,7 @@ import { typesContext } from "./typesContext"; const uid = new ShortUniqueId({ length: 5 }); -const TabsContextInitialValue: TabsContextType = { +const FlowsContextInitialValue: FlowsContextType = { tabId: "", setTabId: (index: string) => {}, isLoading: true, @@ -75,8 +75,8 @@ const TabsContextInitialValue: TabsContextType = { ) => {}, }; -export const TabsContext = createContext( - TabsContextInitialValue +export const FlowsContext = createContext( + FlowsContextInitialValue ); export function TabsProvider({ children }: { children: ReactNode }) { @@ -635,7 +635,7 @@ export function TabsProvider({ children }: { children: ReactNode }) { const [isBuilt, setIsBuilt] = useState(false); return ( - {children} - + ); } diff --git a/src/frontend/src/contexts/index.tsx b/src/frontend/src/contexts/index.tsx index f90cb7812..ff017f0dc 100644 --- a/src/frontend/src/contexts/index.tsx +++ b/src/frontend/src/contexts/index.tsx @@ -8,7 +8,7 @@ import { AlertProvider } from "./alertContext"; import { AuthProvider } from "./authContext"; import { DarkProvider } from "./darkContext"; import { LocationProvider } from "./locationContext"; -import { TabsProvider } from "./tabsContext"; +import { TabsProvider } from "./flowsContext"; import { TypesProvider } from "./typesContext"; import { UndoRedoProvider } from "./undoRedoContext"; diff --git a/src/frontend/src/contexts/undoRedoContext.tsx b/src/frontend/src/contexts/undoRedoContext.tsx index 83dfd8f32..a948e37e3 100644 --- a/src/frontend/src/contexts/undoRedoContext.tsx +++ b/src/frontend/src/contexts/undoRedoContext.tsx @@ -13,7 +13,7 @@ import { undoRedoContextType, } from "../types/typesContext"; import { isWrappedWithClass } from "../utils/utils"; -import { TabsContext } from "./tabsContext"; +import { FlowsContext } from "./flowsContext"; const initialValue = { undo: () => {}, @@ -29,7 +29,7 @@ const defaultOptions: UseUndoRedoOptions = { export const undoRedoContext = createContext(initialValue); export function UndoRedoProvider({ children }) { - const { tabId, flows } = useContext(TabsContext); + const { tabId, flows } = useContext(FlowsContext); const [past, setPast] = useState(flows.map(() => [])); const [future, setFuture] = useState(flows.map(() => [])); diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx index 446562f66..dde0090c1 100644 --- a/src/frontend/src/modals/ApiModal/index.tsx +++ b/src/frontend/src/modals/ApiModal/index.tsx @@ -15,7 +15,7 @@ import CodeTabsComponent from "../../components/codeTabsComponent"; import IconComponent from "../../components/genericIconComponent"; import { EXPORT_CODE_DIALOG } from "../../constants/constants"; import { AuthContext } from "../../contexts/authContext"; -import { TabsContext } from "../../contexts/tabsContext"; +import { FlowsContext } from "../../contexts/flowsContext"; import { TemplateVariableType } from "../../types/api"; import { tweakType, uniqueTweakType } from "../../types/components"; import { FlowType, NodeType } from "../../types/flow/index"; @@ -45,7 +45,7 @@ const ApiModal = forwardRef( const [activeTab, setActiveTab] = useState("0"); const tweak = useRef([]); const tweaksList = useRef([]); - const { setTweak, getTweak, tabsState } = useContext(TabsContext); + const { setTweak, getTweak, tabsState } = useContext(FlowsContext); const pythonApiCode = getPythonApiCode( flow, autoLogin, diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx index af70d6b0e..3e59461d3 100644 --- a/src/frontend/src/modals/EditNodeModal/index.tsx +++ b/src/frontend/src/modals/EditNodeModal/index.tsx @@ -33,7 +33,7 @@ import { TableRow, } from "../../components/ui/table"; import { limitScrollFieldsModal } from "../../constants/constants"; -import { TabsContext } from "../../contexts/tabsContext"; +import { FlowsContext } from "../../contexts/flowsContext"; import { typesContext } from "../../contexts/typesContext"; import { NodeDataType } from "../../types/flow"; import { TabsState } from "../../types/tabs"; @@ -69,7 +69,7 @@ const EditNodeModal = forwardRef( const myData = useRef(data); - const { setTabsState, tabId } = useContext(TabsContext); + const { setTabsState, tabId } = useContext(FlowsContext); const { reactFlowInstance } = useContext(typesContext); let disabled = reactFlowInstance diff --git a/src/frontend/src/modals/exportModal/index.tsx b/src/frontend/src/modals/exportModal/index.tsx index 89bc292c9..903b044f1 100644 --- a/src/frontend/src/modals/exportModal/index.tsx +++ b/src/frontend/src/modals/exportModal/index.tsx @@ -5,13 +5,13 @@ import { Button } from "../../components/ui/button"; import { Checkbox } from "../../components/ui/checkbox"; import { EXPORT_DIALOG_SUBTITLE } from "../../constants/constants"; import { alertContext } from "../../contexts/alertContext"; -import { TabsContext } from "../../contexts/tabsContext"; +import { FlowsContext } from "../../contexts/flowsContext"; import { removeApiKeys } from "../../utils/reactflowUtils"; import BaseModal from "../baseModal"; const ExportModal = forwardRef( (props: { children: ReactNode }, ref): JSX.Element => { - const { flows, tabId, downloadFlow } = useContext(TabsContext); + const { flows, tabId, downloadFlow } = useContext(FlowsContext); const { setNoticeData } = useContext(alertContext); const [checked, setChecked] = useState(true); const flow = flows.find((f) => f.id === tabId); diff --git a/src/frontend/src/modals/flowSettingsModal/index.tsx b/src/frontend/src/modals/flowSettingsModal/index.tsx index 48eb9225c..1d514adc9 100644 --- a/src/frontend/src/modals/flowSettingsModal/index.tsx +++ b/src/frontend/src/modals/flowSettingsModal/index.tsx @@ -3,7 +3,7 @@ import EditFlowSettings from "../../components/EditFlowSettingsComponent"; import IconComponent from "../../components/genericIconComponent"; import { Button } from "../../components/ui/button"; import { SETTINGS_DIALOG_SUBTITLE } from "../../constants/constants"; -import { TabsContext } from "../../contexts/tabsContext"; +import { FlowsContext } from "../../contexts/flowsContext"; import { FlowSettingsPropsType } from "../../types/components"; import BaseModal from "../baseModal"; @@ -11,7 +11,7 @@ export default function FlowSettingsModal({ open, setOpen, }: FlowSettingsPropsType): JSX.Element { - const { flows, tabId, updateFlow, saveFlow } = useContext(TabsContext); + const { flows, tabId, updateFlow, saveFlow } = useContext(FlowsContext); const flow = flows.find((f) => f.id === tabId); useEffect(() => { setName(flow!.name); diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx index 2c7fa53fe..37656d1f7 100644 --- a/src/frontend/src/modals/formModal/index.tsx +++ b/src/frontend/src/modals/formModal/index.tsx @@ -24,7 +24,7 @@ import { import { Textarea } from "../../components/ui/textarea"; import { CHAT_FORM_DIALOG_SUBTITLE } from "../../constants/constants"; import { AuthContext } from "../../contexts/authContext"; -import { TabsContext } from "../../contexts/tabsContext"; +import { FlowsContext } from "../../contexts/flowsContext"; import { getBuildStatus } from "../../controllers/API"; import { TabsState } from "../../types/tabs"; import { validateNodes } from "../../utils/reactflowUtils"; @@ -38,7 +38,7 @@ export default function FormModal({ setOpen: (open: boolean) => void; flow: FlowType; }): JSX.Element { - const { tabsState, setTabsState } = useContext(TabsContext); + const { tabsState, setTabsState } = useContext(FlowsContext); const [chatValue, setChatValue] = useState(() => { try { const { formKeysData } = tabsState[flow.id]; diff --git a/src/frontend/src/pages/AdminPage/index.tsx b/src/frontend/src/pages/AdminPage/index.tsx index f6e17a32a..f655b1e2c 100644 --- a/src/frontend/src/pages/AdminPage/index.tsx +++ b/src/frontend/src/pages/AdminPage/index.tsx @@ -22,7 +22,7 @@ import { } from "../../constants/constants"; import { alertContext } from "../../contexts/alertContext"; import { AuthContext } from "../../contexts/authContext"; -import { TabsContext } from "../../contexts/tabsContext"; +import { FlowsContext } from "../../contexts/flowsContext"; import { addUser, deleteUser, @@ -44,7 +44,7 @@ export default function AdminPage() { const { userData } = useContext(AuthContext); const [totalRowsCount, setTotalRowsCount] = useState(0); - const { setTabId } = useContext(TabsContext); + const { setTabId } = useContext(FlowsContext); // set null id useEffect(() => { diff --git a/src/frontend/src/pages/CommunityPage/index.tsx b/src/frontend/src/pages/CommunityPage/index.tsx index 567eb8b47..bd1d7a21f 100644 --- a/src/frontend/src/pages/CommunityPage/index.tsx +++ b/src/frontend/src/pages/CommunityPage/index.tsx @@ -1,7 +1,7 @@ import { useContext, useEffect, useState } from "react"; import { Button } from "../../components/ui/button"; import { alertContext } from "../../contexts/alertContext"; -import { TabsContext } from "../../contexts/tabsContext"; +import { FlowsContext } from "../../contexts/flowsContext"; import { useNavigate } from "react-router-dom"; import { CardComponent } from "../../components/cardComponent"; @@ -12,7 +12,7 @@ import { getExamples } from "../../controllers/API"; import { FlowType } from "../../types/flow"; export default function CommunityPage(): JSX.Element { const { flows, setTabId, downloadFlows, uploadFlows, addFlow } = - useContext(TabsContext); + useContext(FlowsContext); // set null id useEffect(() => { diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx index 20fb826e1..8849fe99f 100644 --- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx +++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx @@ -29,7 +29,7 @@ import GenericNode from "../../../../CustomNodes/GenericNode"; import Chat from "../../../../components/chatComponent"; import { alertContext } from "../../../../contexts/alertContext"; import { locationContext } from "../../../../contexts/locationContext"; -import { TabsContext } from "../../../../contexts/tabsContext"; +import { FlowsContext } from "../../../../contexts/flowsContext"; import { typesContext } from "../../../../contexts/typesContext"; import { undoRedoContext } from "../../../../contexts/undoRedoContext"; import { APIClassType } from "../../../../types/api"; @@ -70,7 +70,7 @@ export default function Page({ saveFlow, setTabsState, tabId, - } = useContext(TabsContext); + } = useContext(FlowsContext); const { types, reactFlowInstance, diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx index 7ff586131..664ec80d3 100644 --- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx +++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx @@ -5,7 +5,7 @@ import IconComponent from "../../../../components/genericIconComponent"; import { Input } from "../../../../components/ui/input"; import { Separator } from "../../../../components/ui/separator"; import { alertContext } from "../../../../contexts/alertContext"; -import { TabsContext } from "../../../../contexts/tabsContext"; +import { FlowsContext } from "../../../../contexts/flowsContext"; import { typesContext } from "../../../../contexts/typesContext"; import ApiModal from "../../../../modals/ApiModal"; import ExportModal from "../../../../modals/exportModal"; @@ -22,7 +22,7 @@ export default function ExtraSidebar(): JSX.Element { const { data, templates, getFilterEdge, setFilterEdge } = useContext(typesContext); const { flows, tabId, uploadFlow, tabsState, saveFlow, isBuilt } = - useContext(TabsContext); + useContext(FlowsContext); const { setSuccessData, setErrorData } = useContext(alertContext); const [dataFilter, setFilterData] = useState(data); const [search, setSearch] = useState(""); diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx index ffd5ea2cb..47c213145 100644 --- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx +++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx @@ -8,7 +8,7 @@ import { SelectItem, SelectTrigger, } from "../../../../components/ui/select-custom"; -import { TabsContext } from "../../../../contexts/tabsContext"; +import { FlowsContext } from "../../../../contexts/flowsContext"; import EditNodeModal from "../../../../modals/EditNodeModal"; import { nodeToolbarPropsType } from "../../../../types/components"; import { @@ -54,7 +54,7 @@ export default function NodeToolbarComponent({ const isMinimal = canMinimize(); const isGroup = data.node?.flow ? true : false; - const { paste } = useContext(TabsContext); + const { paste } = useContext(FlowsContext); const reactFlowInstance = useReactFlow(); const [showModalAdvanced, setShowModalAdvanced] = useState(false); const [selectedValue, setSelectedValue] = useState(""); diff --git a/src/frontend/src/pages/FlowPage/index.tsx b/src/frontend/src/pages/FlowPage/index.tsx index e9e5c2f34..83fc4145d 100644 --- a/src/frontend/src/pages/FlowPage/index.tsx +++ b/src/frontend/src/pages/FlowPage/index.tsx @@ -1,12 +1,12 @@ import { useContext, useEffect, useState } from "react"; import { useParams } from "react-router-dom"; import Header from "../../components/headerComponent"; -import { TabsContext } from "../../contexts/tabsContext"; +import { FlowsContext } from "../../contexts/flowsContext"; import { getVersion } from "../../controllers/API"; import Page from "./components/PageComponent"; export default function FlowPage(): JSX.Element { - const { flows, tabId, setTabId } = useContext(TabsContext); + const { flows, tabId, setTabId } = useContext(FlowsContext); const { id } = useParams(); // Set flow tab id diff --git a/src/frontend/src/pages/MainPage/index.tsx b/src/frontend/src/pages/MainPage/index.tsx index 7ee00f5c9..fed704d36 100644 --- a/src/frontend/src/pages/MainPage/index.tsx +++ b/src/frontend/src/pages/MainPage/index.tsx @@ -8,7 +8,7 @@ import { SkeletonCardComponent } from "../../components/skeletonCardComponent"; import { Button } from "../../components/ui/button"; import { USER_PROJECTS_HEADER } from "../../constants/constants"; import { alertContext } from "../../contexts/alertContext"; -import { TabsContext } from "../../contexts/tabsContext"; +import { FlowsContext } from "../../contexts/flowsContext"; export default function HomePage(): JSX.Element { const { flows, @@ -19,7 +19,7 @@ export default function HomePage(): JSX.Element { removeFlow, uploadFlow, isLoading, - } = useContext(TabsContext); + } = useContext(FlowsContext); const { setErrorData } = useContext(alertContext); const dropdownOptions = [ { diff --git a/src/frontend/src/pages/ProfileSettingsPage/index.tsx b/src/frontend/src/pages/ProfileSettingsPage/index.tsx index 443de4a4b..395b7bdf4 100644 --- a/src/frontend/src/pages/ProfileSettingsPage/index.tsx +++ b/src/frontend/src/pages/ProfileSettingsPage/index.tsx @@ -9,7 +9,7 @@ import { Button } from "../../components/ui/button"; import { CONTROL_PATCH_USER_STATE } from "../../constants/constants"; import { alertContext } from "../../contexts/alertContext"; import { AuthContext } from "../../contexts/authContext"; -import { TabsContext } from "../../contexts/tabsContext"; +import { FlowsContext } from "../../contexts/flowsContext"; import { resetPassword, updateUser } from "../../controllers/API"; import { inputHandlerEventType, @@ -17,7 +17,7 @@ import { } from "../../types/components"; import { gradients } from "../../utils/styleUtils"; export default function ProfileSettingsPage(): JSX.Element { - const { setTabId } = useContext(TabsContext); + const { setTabId } = useContext(FlowsContext); const [inputState, setInputState] = useState( CONTROL_PATCH_USER_STATE diff --git a/src/frontend/src/pages/ViewPage/index.tsx b/src/frontend/src/pages/ViewPage/index.tsx index 4ce5baed4..ec64001dd 100644 --- a/src/frontend/src/pages/ViewPage/index.tsx +++ b/src/frontend/src/pages/ViewPage/index.tsx @@ -1,11 +1,11 @@ import { useContext, useEffect, useState } from "react"; import { useParams } from "react-router-dom"; -import { TabsContext } from "../../contexts/tabsContext"; +import { FlowsContext } from "../../contexts/flowsContext"; import { getVersion } from "../../controllers/API"; import Page from "../FlowPage/components/PageComponent"; export default function ViewPage() { - const { flows, tabId, setTabId } = useContext(TabsContext); + const { flows, tabId, setTabId } = useContext(FlowsContext); const { id } = useParams(); // Set flow tab id diff --git a/src/frontend/src/types/tabs/index.ts b/src/frontend/src/types/tabs/index.ts index c935bfd5f..1dc3a68d3 100644 --- a/src/frontend/src/types/tabs/index.ts +++ b/src/frontend/src/types/tabs/index.ts @@ -1,7 +1,7 @@ import { tweakType } from "../components"; import { FlowType } from "../flow"; -export type TabsContextType = { +export type FlowsContextType = { saveFlow: (flow: FlowType, silent?: boolean) => Promise; tabId: string; isLoading: boolean; @@ -26,8 +26,8 @@ export type TabsContextType = { uploadFlow: (newFlow: boolean, file?: File) => Promise; hardReset: () => void; getNodeId: (nodeType: string) => string; - tabsState: TabsState; - setTabsState: (state: TabsState) => void; + tabsState: FlowsState; + setTabsState: (state: FlowsState) => void; paste: ( selection: { nodes: any; edges: any }, position: { x: number; y: number; paneX?: number; paneY?: number } @@ -38,7 +38,7 @@ export type TabsContextType = { getTweak: tweakType; }; -export type TabsState = { +export type FlowsState = { [key: string]: { isPending: boolean; formKeysData: {