feat(desktop): add check for updates functionality in settings

Innei · Innei · commit ef304cdf69a7 · 2025-05-27T00:51:38.000+08:00
- Integrated a new button in the About section to allow users to check for application updates.
- Updated localization files to include the new button text.
- Enhanced the app's update handling by importing the checkForAppUpdates function.

Signed-off-by: Innei &lt;tukon479@gmail.com&gt;
diff --git a/apps/desktop/layer/main/src/tipc/app.ts b/apps/desktop/layer/main/src/tipc/app.ts
@@ -19,7 +19,7 @@ import { cleanupOldRender, loadDynamicRenderEntry } from "~/updater/hot-updater"
 import { downloadFile } from "../lib/download"
 import { i18n } from "../lib/i18n"
 import type { RendererHandlers } from "../renderer-handlers"
-import { quitAndInstall } from "../updater"
+import { checkForAppUpdates, quitAndInstall } from "../updater"
 import { getMainWindow } from "../window"
 import { t } from "./_instance"
 
@@ -324,6 +324,10 @@ ${content}
   revealLogFile: t.procedure.action(async () => {
     return revealLogFile()
   }),
+
+  checkForUpdates: t.procedure.action(async () => {
+    return checkForAppUpdates()
+  }),
 }
 
 interface Sender extends Electron.WebContents {
diff --git a/apps/desktop/layer/renderer/src/modules/settings/tabs/about.tsx b/apps/desktop/layer/renderer/src/modules/settings/tabs/about.tsx
@@ -3,7 +3,7 @@ import { Button } from "@follow/components/ui/button/index.js"
 import { styledButtonVariant } from "@follow/components/ui/button/variants.js"
 import { Divider } from "@follow/components/ui/divider/index.js"
 import { SocialMediaLinks } from "@follow/constants"
-import { MODE, ModeEnum } from "@follow/shared/constants"
+import { IN_ELECTRON, MODE, ModeEnum } from "@follow/shared/constants"
 import { getCurrentEnvironment } from "@follow/utils/environment"
 import PKG, { repository } from "@pkg"
 import { useQuery } from "@tanstack/react-query"
@@ -23,6 +23,10 @@ export const SettingAbout = () => {
 
   const rendererVersion = PKG.version
 
+  const handleCheckForUpdates = () => {
+    tipcClient?.checkForUpdates()
+  }
+
   return (
     <div>
       <section className="mt-4">
@@ -56,9 +60,15 @@ export const SettingAbout = () => {
             </div>
           </div>
 
-          <div className="shrink-0">
+          <div className="flex shrink-0 gap-2">
+            {IN_ELECTRON && (
+              <Button variant="outline" onClick={handleCheckForUpdates} buttonClassName="h-10">
+                {t("about.checkForUpdates")}
+              </Button>
+            )}
             <Button
               variant="outline"
+              buttonClassName="h-10"
               onClick={() => {
                 window.open(`${repository.url}/releases`, "_blank")
               }}
diff --git a/locales/settings/en.json b/locales/settings/en.json
@@ -1,5 +1,6 @@
 {
   "about.changelog": "Changelog",
+  "about.checkForUpdates": "Check for Updates",
   "about.feedbackInfo": "{{appName}} ({{commitSha}}) is open-source and actively developed on GitHub. If you have any feedback or suggestions, please feel free to <OpenIssueLink>open an issue</OpenIssueLink> <ExternalLinkIcon /> on our GitHub.",
   "about.iconLibrary": "The icon library used is copyrighted by <IconLibraryLink /> <ExternalLinkIcon /> and cannot be redistributed.",
   "about.licenseInfo": "Copyright © {{currentYear}} {{appName}}. All rights reserved.",

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"about.changelog": "Changelog",`
	`3`	`+ "about.checkForUpdates": "Check for Updates",`
`3`	`4`	`"about.feedbackInfo": "{{appName}} ({{commitSha}}) is open-source and actively developed on GitHub. If you have any feedback or suggestions, please feel free to <OpenIssueLink>open an issue</OpenIssueLink> <ExternalLinkIcon /> on our GitHub.",`
`4`	`5`	`"about.iconLibrary": "The icon library used is copyrighted by <IconLibraryLink /> <ExternalLinkIcon /> and cannot be redistributed.",`
`5`	`6`	`"about.licenseInfo": "Copyright © {{currentYear}} {{appName}}. All rights reserved.",`