修复红点问题

src/components/GuideBar/index.tsx

@@ -1,35 +1,24 @@
-import { useState, useEffect } from "react";
+import { useEffect } from "react";
 import { View, Text } from "@tarojs/components";
 import Taro, { useDidShow } from "@tarojs/taro";
 import { redirectTo } from "@/utils/navigation";
-import messageService from "@/services/messageService";
+import { useReddotInfo, useFetchReddotInfo } from "@/store/messageStore";
 import "./index.scss";
 import PublishMenu from "../PublishMenu";
 export type currentPageType = "games" | "message" | "personal";
 
 const GuideBar = (props) => {
   const { currentPage, guideBarClassName, onPublishMenuVisibleChange, onTabChange } = props;
-  const [hasReddot, setHasReddot] = useState(false);
-
-  // 获取红点状态
-  const checkReddot = async () => {
-    try {
-      const res = await messageService.getReddotInfo();
-      if (res.code === 0) {
-        setHasReddot(res.data.has_reddot || false);
-      }
-    } catch (e) {
-      console.error("获取红点状态失败:", e);
-    }
-  };
+  const reddotInfo = useReddotInfo();
+  const fetchReddotInfo = useFetchReddotInfo();
 
   useEffect(() => {
-    checkReddot();
+    fetchReddotInfo();
   }, []);
 
   // 每次页面显示时刷新红点状态
   useDidShow(() => {
-    checkReddot();
+    fetchReddotInfo();
   });
 
   const guideItems = [
@@ -91,7 +80,7 @@ const GuideBar = (props) => {
               key={item.code}
             >
               <Text>{item.text}</Text>
-              {item.code === "message" && hasReddot && (
+              {item.code === "message" && reddotInfo?.has_reddot && (
                 <View className="reddot"></View>
               )}
             </View>