Add error checking for enums

src/components/EditorSidePanel/EnumsTab/EnumDetails.jsx

@@ -18,6 +18,7 @@ export default function EnumDetails({ data, i }) {
         <Input
           value={data.name}
           placeholder={t("name")}
+          validateStatus={data.name.trim() === "" ? "error" : "default"}
           onChange={(value) => updateEnum(i, { name: value })}
           onFocus={(e) => setEditField({ name: e.target.value })}
           onBlur={(e) => {
@@ -46,6 +47,7 @@ export default function EnumDetails({ data, i }) {
         addOnBlur
         className="my-2"
         placeholder={t("values")}
+        validateStatus={data.values.length === 0 ? "error" : "default"}
         onChange={(v) => updateEnum(i, { values: v })}
         onFocus={() => setEditField({ values: data.values })}
         onBlur={() => {

src/components/EditorSidePanel/Issues.jsx

@@ -2,13 +2,14 @@ import { useState, useEffect } from "react";
 import { Collapse, Badge } from "@douyinfe/semi-ui";
 import { arrayIsEqual } from "../../utils/utils";
 import { getIssues } from "../../utils/issues";
-import { useSettings, useTables, useTypes } from "../../hooks";
+import { useEnums, useSettings, useTables, useTypes } from "../../hooks";
 import { useTranslation } from "react-i18next";
 
 export default function Issues() {
   const { types } = useTypes();
   const { t } = useTranslation();
   const { settings } = useSettings();
+  const { enums } = useEnums();
   const { tables, relationships, database } = useTables();
   const [issues, setIssues] = useState([]);
 
@@ -19,6 +20,7 @@ export default function Issues() {
         relationships: relationships,
         types: types,
         database: database,
+        enums: enums,
       });
 
       if (!arrayIsEqual(newIssues, issues)) {
@@ -27,7 +29,7 @@ export default function Issues() {
     };
 
     findIssues();
-  }, [tables, relationships, issues, types, database]);
+  }, [tables, relationships, issues, types, database, enums]);
 
   return (
     <Collapse keepDOM lazyRender style={{ width: "100%" }}>