chore: add ignore version upgrade setting (#1491)

web/src/components/UpgradeVersionBanner.tsx

@@ -0,0 +1,65 @@
+import { useEffect, useState } from "react";
+import { compare } from "semver";
+import * as api from "@/helpers/api";
+import * as storage from "@/helpers/storage";
+import { useGlobalStore } from "@/store/module";
+import Icon from "./Icon";
+
+interface State {
+  latestVersion: string;
+  show: boolean;
+}
+
+const UpgradeVersionBanner: React.FC = () => {
+  const globalStore = useGlobalStore();
+  const profile = globalStore.state.systemStatus.profile;
+  const [state, setState] = useState<State>({
+    latestVersion: "",
+    show: false,
+  });
+
+  useEffect(() => {
+    if (globalStore.state.systemStatus.ignoreUpgrade) {
+      return;
+    }
+
+    api.getRepoLatestTag().then((latestTag) => {
+      const { skippedVersion } = storage.get(["skippedVersion"]);
+      const latestVersion = latestTag.slice(1) || "0.0.0";
+      const currentVersion = profile.version;
+      const skipped = skippedVersion ? skippedVersion === latestVersion : false;
+      setState({
+        latestVersion,
+        show: !skipped && compare(currentVersion, latestVersion) === -1,
+      });
+    });
+  }, []);
+
+  const onSkip = () => {
+    storage.set({ skippedVersion: state.latestVersion });
+    setState((s) => ({
+      ...s,
+      show: false,
+    }));
+  };
+
+  if (!state.show) return null;
+
+  return (
+    <div className="flex flex-row items-center justify-center w-full py-2 text-white bg-green-600">
+      <a
+        className="flex flex-row items-center justify-center hover:underline"
+        target="_blank"
+        href="https://github.com/usememos/memos/releases"
+      >
+        <Icon.ArrowUpCircle className="w-5 h-auto mr-2" />
+        New Update <span className="ml-1 font-bold">{state.latestVersion}</span>
+      </a>
+      <button className="absolute opacity-80 right-4 hover:opacity-100" title="Skip this version" onClick={onSkip}>
+        <Icon.X />
+      </button>
+    </div>
+  );
+};
+
+export default UpgradeVersionBanner;