帖子分类
Change-Id: I17bafbfe3c1c8fd26c1e12499cb3c17cd1738e23
diff --git a/src/components/selfStatus/selfStatus.tsx b/src/components/selfStatus/selfStatus.tsx
index a5156f4..834e841 100644
--- a/src/components/selfStatus/selfStatus.tsx
+++ b/src/components/selfStatus/selfStatus.tsx
@@ -1,7 +1,10 @@
-import React from "react";
+import React, { useEffect } from "react";
import { useAppSelector } from "../../hooks/store";
import style from "./style.module.css"
-
+import { useApi } from "@/hooks/request";
+import request from "@/utils/request";
+import { getUserInfo } from "@/api/user";
+import { useAppDispatch } from "@/hooks/store";
interface SelfStatusProps {
className?: string;
}
@@ -13,11 +16,25 @@
const downloadTraffic = useAppSelector(state => state.user.downloadTraffic);
const downloadPoints = useAppSelector(state => state.user.downloadPoints);
const avatar = useAppSelector(state => state.user.avatar);
+ const dispatch = useAppDispatch();
+ const { data, refresh } = useApi(() => request.get(getUserInfo), false);
+ useEffect(() => {
+ if (avatar.length === 0) {
+ refresh(); // 触发 API 请求
+ }
+ }, [avatar, refresh]);
+
+ useEffect(() => {
+ if (data) {
+ dispatch({ type: "user/getUserInfo", payload: data });
+ }
+ }, [data, dispatch]);
return (
<div className={style.container}>
<div className={style.left}>
- <img className={style.avatar} src={avatar} alt="User Avatar" />
+ {avatar && avatar.length > 0 ? (
+ <img className={style.avatar} src={avatar} alt="User Avatar" />):null}
</div>
<div className={style.right}>
<div className={style.info}>
diff --git a/src/components/selfStatus/style.module.css b/src/components/selfStatus/style.module.css
index 8ed86a7..858e88a 100644
--- a/src/components/selfStatus/style.module.css
+++ b/src/components/selfStatus/style.module.css
@@ -4,7 +4,6 @@
align-items: flex-start;
justify-content: space-between;
padding: 20px;
- border: 1px solid #ccc;
border-radius: 10px;
background-color: var(--card-bg);
width: 100%;