fix(desktop): refactor UpdateNotice component to use useRef for handleClick and adjust styles

Innei · Innei · commit b9d841600dbd · 2025-05-09T14:47:08.000+08:00
Signed-off-by: Innei &lt;tukon479@gmail.com&gt;
diff --git a/apps/desktop/layer/renderer/src/modules/update-notice/UpdateNotice.tsx b/apps/desktop/layer/renderer/src/modules/update-notice/UpdateNotice.tsx
@@ -2,7 +2,7 @@ import { Spring } from "@follow/components/constants/spring.js"
 import { tracker } from "@follow/tracker"
 import { cn } from "@follow/utils/utils"
 import { m, useMotionTemplate, useMotionValue } from "motion/react"
-import { useCallback, useEffect } from "react"
+import { useCallback, useEffect, useRef } from "react"
 import { useTranslation } from "react-i18next"
 
 import { useAudioPlayerAtomSelector } from "~/atoms/player"
@@ -24,7 +24,7 @@ export const UpdateNotice = () => {
     return unlisten
   }, [])
 
-  const handleClick = useCallback(() => {
+  const handleClick = useRef(() => {
     const status = getUpdaterStatus()
     if (!status) return
     tracker.updateRestart({
@@ -45,7 +45,7 @@ export const UpdateNotice = () => {
       }
     }
     setUpdaterStatus(null)
-  }, [])
+  }).current
 
   const playerIsShow = useAudioPlayerAtomSelector((s) => s.show)
 
@@ -70,8 +70,8 @@ export const UpdateNotice = () => {
     <m.div
       onMouseMove={handleMouseMove}
       className={cn(
-        "bg-fill backdrop-blur-background group absolute inset-x-3 bottom-3 cursor-pointer overflow-hidden rounded-lg py-3 text-center text-sm shadow",
-        playerIsShow && "bottom-28",
+        "bg-background/80 backdrop-blur-background group absolute inset-x-3 cursor-pointer overflow-hidden rounded-lg py-3 text-center text-sm shadow",
+        playerIsShow ? "bottom-[4.5rem]" : "bottom-3",
       )}
       onClick={handleClick}
       initial={{ y: 50, opacity: 0 }}
