Add enums tab

src/context/EnumsContext.jsx

@@ -0,0 +1,82 @@
+import { createContext, useState } from "react";
+import { Action, ObjectType } from "../data/constants";
+import { Toast } from "@douyinfe/semi-ui";
+import { useTranslation } from "react-i18next";
+import { useUndoRedo } from "../hooks";
+
+export const EnumsContext = createContext(null);
+
+export default function EnumsContextProvider({ children }) {
+  const { t } = useTranslation();
+  const [enums, setEnums] = useState([]);
+  const { setUndoStack, setRedoStack } = useUndoRedo();
+
+  const addEnum = (data, addToHistory = true) => {
+    if (data) {
+      setEnums((prev) => {
+        const temp = prev.slice();
+        temp.splice(data.id, 0, data);
+        return temp;
+      });
+    } else {
+      setEnums((prev) => [
+        ...prev,
+        {
+          name: `enum_${prev.length}`,
+          values: [],
+        },
+      ]);
+    }
+    if (addToHistory) {
+      setUndoStack((prev) => [
+        ...prev,
+        {
+          action: Action.ADD,
+          element: ObjectType.ENUM,
+          message: t("add_enum"),
+        },
+      ]);
+      setRedoStack([]);
+    }
+  };
+
+  const deleteEnum = (id, addToHistory = true) => {
+    if (addToHistory) {
+      Toast.success(t("enum_deleted"));
+      setUndoStack((prev) => [
+        ...prev,
+        {
+          action: Action.DELETE,
+          element: ObjectType.ENUM,
+          id: id,
+          data: enums[id],
+          message: t("delete_enum", {
+            enumName: enums[id].name,
+          }),
+        },
+      ]);
+      setRedoStack([]);
+    }
+    setEnums((prev) => prev.filter((e, i) => i !== id));
+  };
+
+  const updateEnum = (id, values) => {
+    setEnums((prev) =>
+      prev.map((e, i) => (i === id ? { ...e, ...values } : e)),
+    );
+  };
+
+  return (
+    <EnumsContext.Provider
+      value={{
+        enums,
+        setEnums,
+        addEnum,
+        updateEnum,
+        deleteEnum,
+      }}
+    >
+      {children}
+    </EnumsContext.Provider>
+  );
+}

src/context/TablesContext.jsx

@@ -10,7 +10,7 @@ export const TablesContext = createContext(null);
 
 export default function TablesContextProvider({ children }) {
   const { t } = useTranslation();
-  const [database, setDatabase] = useState("");
+  const [database, setDatabase] = useState(DB.GENERIC);
   const [tables, setTables] = useState([]);
   const [relationships, setRelationships] = useState([]);
   const { transform } = useTransform();