Remove github token modal

src/components/EditorHeader/ControlPanel.jsx

@@ -1293,9 +1293,6 @@ export default function ControlPanel({
       language: {
         function: () => setModal(MODAL.LANGUAGE),
       },
-      github_token: {
-        function: () => setModal(MODAL.GITHUB_TOKEN),
-      },
       flush_storage: {
         warning: {
           title: t("flush_storage"),

src/components/EditorHeader/Modal/GithubToken.jsx

@@ -1,43 +0,0 @@
-import { Button, Input } from "@douyinfe/semi-ui";
-import { useTranslation } from "react-i18next";
-
-export default function GithubToken({ token, setToken }) {
-  const { t } = useTranslation();
-
-  const clearToken = () => {
-    localStorage.removeItem("github_token");
-    setToken("");
-  };
-
-  return (
-    <div>
-      <div className="mb-3">
-        Set your{" "}
-        <a
-          href="https://github.com/settings/tokens"
-          className="text-blue-500 hover:underline font-semibold"
-        >
-          personal access token
-        </a>{" "}
-        here if you wish to save diagrams to your gists.
-      </div>
-      <div className="flex gap-2">
-        <Input
-          className="w-full"
-          placeholder={t("github_token")}
-          value={token}
-          onChange={(v) => setToken(v)}
-        />
-        <Button
-          icon={<i className="fa-solid fa-xmark" />}
-          type="danger"
-          title={t("clear")}
-          onClick={clearToken}
-        />
-      </div>
-      <div className="mt-1 text-xs">
-        *This will be stored in the local storage
-      </div>
-    </div>
-  );
-}

src/components/EditorHeader/Modal/Modal.jsx

@@ -43,7 +43,6 @@ import { useTranslation } from "react-i18next";
 import { importSQL } from "../../../utils/importSQL";
 import { databases } from "../../../data/databases";
 import { isRtl } from "../../../i18n/utils/rtl";
-import GithubToken from "./GithubToken";
 
 const languageExtension = {
   sql: [sql()],
@@ -83,9 +82,6 @@ export default function Modal({
   const [selectedTemplateId, setSelectedTemplateId] = useState(-1);
   const [selectedDiagramId, setSelectedDiagramId] = useState(0);
   const [saveAsTitle, setSaveAsTitle] = useState(title);
-  const [token, setToken] = useState(
-    localStorage.getItem("github_token") ?? "",
-  );
 
   const overwriteDiagram = () => {
     setTables(importData.tables);
@@ -242,14 +238,6 @@ export default function Modal({
         setModal(MODAL.NONE);
         createNewDiagram(selectedTemplateId);
         return;
-      case MODAL.GITHUB_TOKEN:
-        setModal(MODAL.NONE);
-        if (token !== "") {
-          localStorage.setItem("github_token", token);
-        } else {
-          localStorage.removeItem("github_token");
-        }
-        return;
       default:
         setModal(MODAL.NONE);
         return;
@@ -343,8 +331,6 @@ export default function Modal({
         return <Language />;
       case MODAL.SHARE:
         return <Share title={title} />;
-      case MODAL.GITHUB_TOKEN:
-        return <GithubToken token={token} setToken={setToken} />;
       default:
         return <></>;
     }

src/components/Workspace.jsx

@@ -338,7 +338,6 @@ export default function WorkSpace() {
         });
         const diagramSrc = res.data.files["share.json"].content;
         const d = JSON.parse(diagramSrc);
-        setGistId("");
         setUndoStack([]);
         setRedoStack([]);
         setLoadedFromGistId(shareId);

src/data/constants.js

@@ -92,7 +92,6 @@ export const MODAL = {
   TABLE_WIDTH: 9,
   LANGUAGE: 10,
   SHARE: 11,
-  GITHUB_TOKEN: 12,
 };
 
 export const STATUS = {

src/i18n/locales/en.js

@@ -238,7 +238,6 @@ const en = {
     unsigned: "Unsigned",
     share: "Share",
     copy_link: "Copy link",
-    github_token: "GitHub Token",
   },
 };
 

src/utils/modalData.js

@@ -25,8 +25,6 @@ export const getModalTitle = (modal) => {
       return i18n.t("language");
     case MODAL.SHARE:
       return i18n.t("share");
-    case MODAL.GITHUB_TOKEN:
-      return i18n.t("github_token");
     default:
       return "";
   }