Merge ff53866e9e48c638292d6fb5bc26fdcd34d13cbf into 66bdd923d7afd90d43fb9db38692a118aee33dea

ui/src/components/Version.tsx

@@ -1,10 +1,8 @@
-import { memo, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { ReadOutlined as ReadOutlinedIcon } from "@ant-design/icons";
-import { Badge, Divider, Space, Typography } from "antd";
+import { Divider, Space, Typography } from "antd";
 
 import { version } from "@/domain/version";
-import { useVersionChecker } from "@/hooks";
 
 export type VersionProps = {
   className?: string;
@@ -14,8 +12,6 @@ export type VersionProps = {
 const Version = ({ className, style }: VersionProps) => {
   const { t } = useTranslation();
 
-  const { data: hasNewVersions } = useVersionChecker();
-
   return (
     <Space className={className} style={style} size={4}>
       <Typography.Link type="secondary" href="https://docs.certimate.me" target="_blank">
@@ -24,16 +20,12 @@ const Version = ({ className, style }: VersionProps) => {
           <span>{t("common.menu.document")}</span>
         </div>
       </Typography.Link>
-
       <Divider type="vertical" />
-
+      <Typography.Link type="secondary" href="https://github.com/usual2970/certimate/releases" target="_blank">
-      <Badge styles={{ indicator: { transform: "scale(0.75) translate(50%, -50%)" } }} count={hasNewVersions ? "NEW" : 0}>
+        {version}
-        <Typography.Link type="secondary" href="https://github.com/usual2970/certimate/releases" target="_blank">
+      </Typography.Link>
-          {version}
-        </Typography.Link>
-      </Badge>
     </Space>
   );
 };
 
-export default memo(Version);
+export default Version;

ui/src/hooks/index.ts

@@ -2,7 +2,6 @@
 import useAntdFormName from "./useAntdFormName";
 import useBrowserTheme from "./useBrowserTheme";
 import useTriggerElement from "./useTriggerElement";
-import useVersionChecker from "./useVersionChecker";
 import useZustandShallowSelector from "./useZustandShallowSelector";
 
-export { useAntdForm, useAntdFormName, useBrowserTheme, useTriggerElement, useVersionChecker, useZustandShallowSelector };
+export { useAntdForm, useAntdFormName, useBrowserTheme, useTriggerElement, useZustandShallowSelector };

ui/src/hooks/useVersionChecker.ts

@@ -1,70 +0,0 @@
-import { useRequest } from "ahooks";
-
-import { version } from "@/domain/version";
-
-export type UseVersionCheckerReturns = {
-  data: boolean;
-  check: () => void;
-};
-
-const extractSemver = (vers: string) => {
-  let semver = String(vers ?? "");
-  semver = semver.replace(/^v/i, "");
-  semver = semver.split("-")[0];
-  return semver;
-};
-
-const compareVersions = (a: string, b: string) => {
-  const aSemver = extractSemver(a);
-  const bSemver = extractSemver(b);
-  const aSemverParts = aSemver.split(".");
-  const bSemverParts = bSemver.split(".");
-
-  const len = Math.max(aSemverParts.length, bSemverParts.length);
-  for (let i = 0; i < len; i++) {
-    const aPart = parseInt(aSemverParts[i] ?? "0");
-    const bPart = parseInt(bSemverParts[i] ?? "0");
-    if (aPart > bPart) return 1;
-    if (bPart > aPart) return -1;
-  }
-
-  return 0;
-};
-
-/**
- * 获取版本检查器。
- * @returns {UseVersionCheckerReturns}
- */
-const useVersionChecker = () => {
-  const { data, refresh } = useRequest(
-    async () => {
-      const releases = await fetch("https://api.github.com/repos/usual2970/certimate/releases")
-        .then((res) => res.json())
-        .then((res) => Array.from(res));
-
-      const cIdx = releases.findIndex((e: any) => e.name === version);
-      if (cIdx === 0) {
-        return false;
-      }
-
-      const nIdx = releases.findIndex((e: any) => compareVersions(e.name, version) !== -1);
-      if (cIdx >= nIdx) {
-        return false;
-      }
-
-      return !!releases[nIdx];
-    },
-    {
-      pollingInterval: 6 * 60 * 60 * 1000,
-      refreshOnWindowFocus: true,
-      focusTimespan: 15 * 60 * 1000,
-    }
-  );
-
-  return {
-    data: !!data,
-    check: refresh,
-  };
-};
-
-export default useVersionChecker;