查询过程提取为 queryNotification函数

dashboard/src/components/notification/NotificationIcon.tsx

@@ -11,65 +11,63 @@ const NotificationIconWidget = () => {
   const [count, setCount] = useState<number>();
   const user = useAppSelector(currentUser);
 
-  useEffect(() => {
-    let timer = setInterval(() => {
-      if (!user) {
-        console.debug("未登录 不查询 notification");
-        return;
-      }
-      const now = new Date();
-      const notificationUpdatedAt = localStorage.getItem(
-        "notification/updatedAt"
-      );
-      if (notificationUpdatedAt) {
-        if (now.getTime() - parseInt(notificationUpdatedAt) < 59000) {
-          const notificationCount = localStorage.getItem("notification/count");
-          if (notificationCount !== null) {
-            setCount(parseInt(notificationCount));
-            console.debug("has notification count");
-            return;
-          }
+  const queryNotification = () => {
+    if (!user) {
+      console.debug("未登录 不查询 notification");
+      return;
+    }
+    const now = new Date();
+    const notificationUpdatedAt = localStorage.getItem(
+      "notification/updatedAt"
+    );
+    if (notificationUpdatedAt) {
+      if (now.getTime() - parseInt(notificationUpdatedAt) < 59000) {
+        const notificationCount = localStorage.getItem("notification/count");
+        if (notificationCount !== null) {
+          setCount(parseInt(notificationCount));
+          console.debug("has notification count");
+          return;
         }
       }
+    }
 
-      const url = `/v2/notification?view=to&status=unread&limit=1`;
-      console.info("notification url", url);
-      get<INotificationListResponse>(url).then((json) => {
-        if (json.ok) {
-          localStorage.setItem(
-            "notification/updatedAt",
-            now.getTime().toString()
-          );
-          localStorage.setItem(
-            "notification/count",
-            json.data.count.toString()
-          );
-          setCount(json.data.count);
-          if (json.data.count > 0) {
-            const newMessageTime = json.data.rows[0].created_at;
-            const lastTime = localStorage.getItem("notification/new");
-            if (lastTime === null || lastTime !== newMessageTime) {
-              localStorage.setItem("notification/new", newMessageTime);
-              if (window.Notification && Notification.permission !== "denied") {
-                Notification.requestPermission(function (status) {
-                  const notification = new Notification("通知标题", {
-                    body: json.data.rows[0].content,
-                    icon:
-                      process.env.REACT_APP_API_HOST +
-                      "/assets/images/wikipali_logo.png",
-                    tag: json.data.rows[0].id,
-                  });
-                  notification.onclick = (event) => {
-                    event.preventDefault(); // 阻止浏览器聚焦于 Notification 的标签页
-                    window.open(json.data.rows[0].url, "_blank");
-                  };
+    const url = `/v2/notification?view=to&status=unread&limit=1`;
+    console.info("notification url", url);
+    get<INotificationListResponse>(url).then((json) => {
+      if (json.ok) {
+        localStorage.setItem(
+          "notification/updatedAt",
+          now.getTime().toString()
+        );
+        localStorage.setItem("notification/count", json.data.count.toString());
+        setCount(json.data.count);
+        if (json.data.count > 0) {
+          const newMessageTime = json.data.rows[0].created_at;
+          const lastTime = localStorage.getItem("notification/new");
+          if (lastTime === null || lastTime !== newMessageTime) {
+            localStorage.setItem("notification/new", newMessageTime);
+            if (window.Notification && Notification.permission !== "denied") {
+              Notification.requestPermission(function (status) {
+                const notification = new Notification("通知标题", {
+                  body: json.data.rows[0].content,
+                  icon:
+                    process.env.REACT_APP_API_HOST +
+                    "/assets/images/wikipali_logo.png",
+                  tag: json.data.rows[0].id,
                 });
-              }
+                notification.onclick = (event) => {
+                  event.preventDefault(); // 阻止浏览器聚焦于 Notification 的标签页
+                  window.open(json.data.rows[0].url, "_blank");
+                };
+              });
             }
           }
         }
-      });
-    }, 1000 * 60);
+      }
+    });
+  };
+  useEffect(() => {
+    let timer = setInterval(() => queryNotification(), 1000 * 60);
     return () => {
       clearInterval(timer);
     };