Removed AlertContext from all files

src/frontend/src/App.tsx

@@ -15,7 +15,6 @@ import {
   FETCH_ERROR_DESCRIPION,
   FETCH_ERROR_MESSAGE,
 } from "./constants/constants";
-import { alertContext } from "./contexts/alertContext";
 import { locationContext } from "./contexts/locationContext";
 import { typesContext } from "./contexts/typesContext";
 import Router from "./routes";

src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx

@@ -26,7 +26,6 @@ import {
   LANGFLOW_SUPPORTED_TYPES,
   TOOLTIP_EMPTY,
 } from "../../../../constants/constants";
-import { alertContext } from "../../../../contexts/alertContext";
 import { FlowsContext } from "../../../../contexts/flowsContext";
 import { typesContext } from "../../../../contexts/typesContext";
 import { undoRedoContext } from "../../../../contexts/undoRedoContext";

src/frontend/src/alerts/alertDropDown/index.tsx

@@ -5,7 +5,6 @@ import {
   PopoverContent,
   PopoverTrigger,
 } from "../../components/ui/popover";
-import { alertContext } from "../../contexts/alertContext";
 import { AlertDropdownType } from "../../types/alerts";
 import SingleAlert from "./components/singleAlertComponent";
 import useAlertStore from "../../stores/alertStore";

src/frontend/src/components/cardComponent/index.tsx

@@ -1,5 +1,4 @@
 import { useContext, useEffect, useState } from "react";
-import { alertContext } from "../../contexts/alertContext";
 import { FlowsContext } from "../../contexts/flowsContext";
 import { getComponent, postLikeComponent } from "../../controllers/API";
 import DeleteConfirmationModal from "../../modals/DeleteConfirmationModal";

src/frontend/src/components/chatComponent/buildTrigger/index.tsx

@@ -2,7 +2,6 @@ import { Transition } from "@headlessui/react";
 import { useContext, useState } from "react";
 import Loading from "../../../components/ui/loading";
 import { useSSE } from "../../../contexts/SSEContext";
-import { alertContext } from "../../../contexts/alertContext";
 import { postBuildInit } from "../../../controllers/API";
 import { FlowType } from "../../../types/flow";
 

src/frontend/src/components/chatComponent/chatTrigger/index.tsx

@@ -7,7 +7,6 @@ import {
   FLOW_NOT_BUILT_DESCRIPTION,
   FLOW_NOT_BUILT_TITLE,
 } from "../../../constants/constants";
-import { alertContext } from "../../../contexts/alertContext";
 import { chatTriggerPropType } from "../../../types/components";
 import IconComponent from "../../genericIconComponent";
 import useAlertStore from "../../../stores/alertStore";

src/frontend/src/components/headerComponent/components/menuBar/index.tsx

@@ -9,7 +9,6 @@ import {
 } from "../../../ui/dropdown-menu";
 
 import { useNavigate } from "react-router-dom";
-import { alertContext } from "../../../../contexts/alertContext";
 import { undoRedoContext } from "../../../../contexts/undoRedoContext";
 import FlowSettingsModal from "../../../../modals/flowSettingsModal";
 import { menuBarPropsType } from "../../../../types/components";

src/frontend/src/components/headerComponent/index.tsx

@@ -3,7 +3,6 @@ import { FaDiscord, FaGithub, FaTwitter } from "react-icons/fa";
 import { Link, useLocation, useNavigate } from "react-router-dom";
 import AlertDropdown from "../../alerts/alertDropDown";
 import { USER_PROJECTS_HEADER } from "../../constants/constants";
-import { alertContext } from "../../contexts/alertContext";
 import { AuthContext } from "../../contexts/authContext";
 
 import { FlowsContext } from "../../contexts/flowsContext";

src/frontend/src/components/inputFileComponent/index.tsx

@@ -1,5 +1,4 @@
 import { useContext, useEffect, useState } from "react";
-import { alertContext } from "../../contexts/alertContext";
 import { FlowsContext } from "../../contexts/flowsContext";
 import { uploadFile } from "../../controllers/API";
 import { FileComponentType } from "../../types/components";

src/frontend/src/contexts/alertContext.tsx

@@ -1,153 +0,0 @@
-import { createContext, ReactNode, useState } from "react";
-import { AlertItemType } from "../types/alerts";
-import { alertContextType } from "../types/typesContext";
-
-import _ from "lodash";
-
-//initial values to alertContextType
-const initialValue: alertContextType = {
-  errorData: { title: "", list: [] },
-  setErrorData: () => {},
-  loading: true,
-  setLoading: () => {},
-  errorOpen: false,
-  setErrorOpen: () => {},
-  noticeData: { title: "", link: "" },
-  setNoticeData: () => {},
-  noticeOpen: false,
-  setNoticeOpen: () => {},
-  successData: { title: "" },
-  setSuccessData: () => {},
-  successOpen: false,
-  setSuccessOpen: () => {},
-  notificationCenter: false,
-  setNotificationCenter: () => {},
-  notificationList: [],
-  pushNotificationList: () => {},
-  clearNotificationList: () => {},
-  removeFromNotificationList: () => {},
-  modalContextOpen: false,
-  setModalContextOpen: (open: boolean) => {},
-};
-
-export const alertContext = createContext<alertContextType>(initialValue);
-
-export function AlertProvider({ children }: { children: ReactNode }) {
-  const [errorData, setErrorDataState] = useState<{
-    title: string;
-    list?: Array<string>;
-  }>({ title: "", list: [] });
-  const [errorOpen, setErrorOpen] = useState(false);
-  const [loading, setLoading] = useState(true);
-  const [noticeData, setNoticeDataState] = useState<{
-    title: string;
-    link?: string;
-  }>({ title: "", link: "" });
-  const [noticeOpen, setNoticeOpen] = useState(false);
-  const [successData, setSuccessDataState] = useState<{ title: string }>({
-    title: "",
-  });
-  const [successOpen, setSuccessOpen] = useState(false);
-  const [notificationCenter, setNotificationCenter] = useState(false);
-  const [notificationList, setNotificationList] = useState<AlertItemType[]>([]);
-  const [modalContextOpen, setModalContextOpen] = useState<boolean>(false);
-  const pushNotificationList = (notification: AlertItemType) => {
-    setNotificationList((old) => {
-      let newNotificationList = _.cloneDeep(old);
-      newNotificationList.unshift(notification);
-      return newNotificationList;
-    });
-  };
-  /**
-   * Sets the error data state, opens the error dialog and pushes the new error notification to the notification list
-   * @param newState An object containing the new error data, including title and optional list of error messages
-   */
-  function setErrorData(newState: { title: string; list?: Array<string> }) {
-    if (newState.title && newState.title !== "") {
-      setErrorDataState(newState);
-      setErrorOpen(true);
-      setNotificationCenter(true);
-      pushNotificationList({
-        type: "error",
-        title: newState.title,
-        list: newState.list,
-        id: _.uniqueId(),
-      });
-    }
-  }
-  /**
-   * Sets the state of the notice data and opens the notice modal, also adds a new notice to the notification center if the title is defined.
-   * @param newState An object containing the title of the notice and optionally a link.
-   */
-  function setNoticeData(newState: { title: string; link?: string }) {
-    if (newState.title && newState.title !== "") {
-      setNoticeDataState(newState);
-      setNoticeOpen(true);
-      // Add new notice to notification center
-      setNotificationCenter(true);
-      pushNotificationList({
-        type: "notice",
-        title: newState.title,
-        link: newState.link,
-        id: _.uniqueId(),
-      });
-    }
-  }
-  /**
-   * Update the success data state and show a success alert notification.
-   * @param newState - A state object with a "title" property to set in the success data state.
-   */
-  function setSuccessData(newState: { title: string }) {
-    // If the new state has a "title" property, add a new success notification to the list
-    if (newState.title && newState.title !== "") {
-      setSuccessDataState(newState); // update the success data state with the provided new state
-      setSuccessOpen(true); // open the success alert
-      setNotificationCenter(true); // show the notification center
-      pushNotificationList({
-        // add the new notification to the list
-        type: "success",
-        title: newState.title,
-        id: _.uniqueId(),
-      });
-    }
-  }
-  function clearNotificationList() {
-    setNotificationList([]);
-  }
-  function removeFromNotificationList(index: string) {
-    // set the notification list to a new array that filters out the alert with the matching id
-    setNotificationList((prevAlertsList) =>
-      prevAlertsList.filter((alert) => alert.id !== index)
-    );
-  }
-  return (
-    <alertContext.Provider
-      value={{
-        removeFromNotificationList,
-        clearNotificationList,
-        notificationList,
-        loading,
-        setLoading,
-        pushNotificationList,
-        setNotificationCenter,
-        notificationCenter,
-        errorData,
-        setErrorData,
-        errorOpen,
-        setErrorOpen,
-        noticeData,
-        setNoticeData,
-        noticeOpen,
-        setNoticeOpen,
-        successData,
-        setSuccessData,
-        successOpen,
-        setSuccessOpen,
-        modalContextOpen,
-        setModalContextOpen,
-      }}
-    >
-      {children}
-    </alertContext.Provider>
-  );
-}

src/frontend/src/contexts/authContext.tsx

@@ -3,7 +3,6 @@ import Cookies from "universal-cookie";
 import { autoLogin as autoLoginApi, getLoggedUser } from "../controllers/API";
 import { Users } from "../types/api";
 import { AuthContextType } from "../types/contexts/auth";
-import { alertContext } from "./alertContext";
 import useAlertStore from "../stores/alertStore";
 
 const initialValue: AuthContextType = {

src/frontend/src/contexts/flowsContext.tsx

@@ -58,7 +58,6 @@ import {
   getRandomDescription,
   getRandomName,
 } from "../utils/utils";
-import { alertContext } from "./alertContext";
 import { AuthContext } from "./authContext";
 import { typesContext } from "./typesContext";
 import useFlowStore from "../stores/flowStore";

src/frontend/src/contexts/typesContext.tsx

@@ -10,7 +10,6 @@ import { ReactFlowInstance } from "reactflow";
 import { getAll, getHealth } from "../controllers/API";
 import { APIKindType } from "../types/api";
 import { typesContextType } from "../types/typesContext";
-import { alertContext } from "./alertContext";
 import { AuthContext } from "./authContext";
 import useAlertStore from "../stores/alertStore";
 

src/frontend/src/modals/EditNodeModal/index.tsx

@@ -28,7 +28,6 @@ import {
   LANGFLOW_SUPPORTED_TYPES,
   limitScrollFieldsModal,
 } from "../../constants/constants";
-import { alertContext } from "../../contexts/alertContext";
 import { NodeDataType } from "../../types/flow";
 import {
   convertObjToArray,

src/frontend/src/modals/SecretKeyModal/index.tsx

@@ -3,7 +3,6 @@ import { useContext, useEffect, useRef, useState } from "react";
 import IconComponent from "../../components/genericIconComponent";
 import { Button } from "../../components/ui/button";
 import { Input } from "../../components/ui/input";
-import { alertContext } from "../../contexts/alertContext";
 import { createApiKey } from "../../controllers/API";
 import { ApiKeyType } from "../../types/components";
 import { nodeIconsLucide } from "../../utils/styleUtils";

src/frontend/src/modals/StoreApiKeyModal/index.tsx

@@ -3,7 +3,6 @@ import { useContext, useState } from "react";
 import IconComponent from "../../components/genericIconComponent";
 import { Button } from "../../components/ui/button";
 import { Input } from "../../components/ui/input";
-import { alertContext } from "../../contexts/alertContext";
 import { AuthContext } from "../../contexts/authContext";
 import { addApiKeyStore } from "../../controllers/API";
 import { useStoreStore } from "../../stores/storeStore";

src/frontend/src/modals/codeAreaModal/index.tsx

@@ -10,7 +10,6 @@ import IconComponent from "../../components/genericIconComponent";
 import { Button } from "../../components/ui/button";
 import { Input } from "../../components/ui/input";
 import { CODE_PROMPT_DIALOG_SUBTITLE } from "../../constants/constants";
-import { alertContext } from "../../contexts/alertContext";
 import { postCustomComponent, postValidateCode } from "../../controllers/API";
 import { useDarkStore } from "../../stores/darkStore";
 import { codeAreaModalPropsType } from "../../types/components";

src/frontend/src/modals/exportModal/index.tsx

@@ -4,7 +4,6 @@ import IconComponent from "../../components/genericIconComponent";
 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 { FlowsContext } from "../../contexts/flowsContext";
 import { removeApiKeys } from "../../utils/reactflowUtils";
 import BaseModal from "../baseModal";

src/frontend/src/modals/formModal/index.tsx

@@ -1,5 +1,4 @@
 import { useContext, useEffect, useRef, useState } from "react";
-import { alertContext } from "../../contexts/alertContext";
 import { sendAllProps } from "../../types/api";
 import { ChatMessageType } from "../../types/chat";
 import { FlowType } from "../../types/flow";

src/frontend/src/modals/genericModal/index.tsx

@@ -13,7 +13,6 @@ import {
   regexHighlight,
 } from "../../constants/constants";
 import { TypeModal } from "../../constants/enums";
-import { alertContext } from "../../contexts/alertContext";
 import { postValidatePrompt } from "../../controllers/API";
 import { genericModalPropsType } from "../../types/components";
 import { handleKeyDown } from "../../utils/reactflowUtils";

src/frontend/src/modals/shareModal/index.tsx

@@ -5,7 +5,6 @@ import IconComponent from "../../components/genericIconComponent";
 import { TagsSelector } from "../../components/tagsSelectorComponent";
 import { Button } from "../../components/ui/button";
 import { Checkbox } from "../../components/ui/checkbox";
-import { alertContext } from "../../contexts/alertContext";
 import { FlowsContext } from "../../contexts/flowsContext";
 import {
   getStoreComponents,

src/frontend/src/pages/AdminPage/LoginPage/index.tsx

@@ -3,7 +3,6 @@ import { useNavigate } from "react-router-dom";
 import { Button } from "../../../components/ui/button";
 import { Input } from "../../../components/ui/input";
 import { CONTROL_LOGIN_STATE } from "../../../constants/constants";
-import { alertContext } from "../../../contexts/alertContext";
 import { AuthContext } from "../../../contexts/authContext";
 import { getLoggedUser, onLogin } from "../../../controllers/API";
 import { LoginType } from "../../../types/api";

src/frontend/src/pages/AdminPage/index.tsx

@@ -20,7 +20,6 @@ import {
   ADMIN_HEADER_DESCRIPTION,
   ADMIN_HEADER_TITLE,
 } from "../../constants/constants";
-import { alertContext } from "../../contexts/alertContext";
 import { AuthContext } from "../../contexts/authContext";
 import { FlowsContext } from "../../contexts/flowsContext";
 import {

src/frontend/src/pages/ApiKeysPage/index.tsx

@@ -10,7 +10,6 @@ import {
   TableHeader,
   TableRow,
 } from "../../components/ui/table";
-import { alertContext } from "../../contexts/alertContext";
 import { AuthContext } from "../../contexts/authContext";
 import { deleteApiKey, getApiKey } from "../../controllers/API";
 import ConfirmationModal from "../../modals/ConfirmationModal";

src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx

@@ -4,7 +4,6 @@ import ShadTooltip from "../../../../components/ShadTooltipComponent";
 import IconComponent from "../../../../components/genericIconComponent";
 import { Input } from "../../../../components/ui/input";
 import { Separator } from "../../../../components/ui/separator";
-import { alertContext } from "../../../../contexts/alertContext";
 import { FlowsContext } from "../../../../contexts/flowsContext";
 import { typesContext } from "../../../../contexts/typesContext";
 import ApiModal from "../../../../modals/ApiModal";

src/frontend/src/pages/ProfileSettingsPage/index.tsx

@@ -7,7 +7,6 @@ import Header from "../../components/headerComponent";
 import InputComponent from "../../components/inputComponent";
 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 { FlowsContext } from "../../contexts/flowsContext";
 import { resetPassword, updateUser } from "../../controllers/API";

src/frontend/src/pages/StorePage/index.tsx

@@ -20,7 +20,6 @@ import {
   SelectTrigger,
   SelectValue,
 } from "../../components/ui/select";
-import { alertContext } from "../../contexts/alertContext";
 import { AuthContext } from "../../contexts/authContext";
 import { FlowsContext } from "../../contexts/flowsContext";
 import {

src/frontend/src/pages/signUpPage/index.tsx

@@ -8,7 +8,6 @@ import {
   CONTROL_INPUT_STATE,
   SIGN_UP_SUCCESS,
 } from "../../constants/constants";
-import { alertContext } from "../../contexts/alertContext";
 import { addUser } from "../../controllers/API";
 import {
   UserInputType,