获取昵称修改状态、优化昵称修改逻辑
This commit is contained in:
@@ -3,12 +3,18 @@ import {
|
||||
fetchUserProfile,
|
||||
updateUserProfile,
|
||||
UserInfoType,
|
||||
checkNicknameChangeStatus as checkNicknameChangeStatusApi,
|
||||
NicknameChangeStatus,
|
||||
updateNickname as updateNicknameApi,
|
||||
} from "@/services/userService";
|
||||
|
||||
export interface UserState {
|
||||
user: UserInfoType | {};
|
||||
fetchUserInfo: () => Promise<UserInfoType | undefined>;
|
||||
updateUserInfo: (userInfo: Partial<UserInfoType>) => void;
|
||||
nicknameChangeStatus: Partial<NicknameChangeStatus>;
|
||||
checkNicknameChangeStatus: () => void;
|
||||
updateNickname: (nickname: string) => void;
|
||||
}
|
||||
|
||||
// 请求锁,防止重复请求
|
||||
@@ -20,7 +26,7 @@ const fetchUserInfoWithLock = async (set) => {
|
||||
if (fetchingUserInfo && fetchUserInfoPromise) {
|
||||
return fetchUserInfoPromise;
|
||||
}
|
||||
|
||||
|
||||
fetchingUserInfo = true;
|
||||
fetchUserInfoPromise = (async () => {
|
||||
try {
|
||||
@@ -35,7 +41,7 @@ const fetchUserInfoWithLock = async (set) => {
|
||||
fetchUserInfoPromise = null;
|
||||
}
|
||||
})();
|
||||
|
||||
|
||||
return fetchUserInfoPromise;
|
||||
};
|
||||
|
||||
@@ -58,12 +64,36 @@ export const useUser = create<UserState>()((set) => ({
|
||||
throw error;
|
||||
}
|
||||
},
|
||||
nicknameChangeStatus: {},
|
||||
checkNicknameChangeStatus: async () => {
|
||||
try {
|
||||
const res = await checkNicknameChangeStatusApi();
|
||||
set({ nicknameChangeStatus: res.data });
|
||||
} catch (error) {
|
||||
console.error("检查昵称变更状态失败:", error);
|
||||
}
|
||||
},
|
||||
updateNickname: async (nickname) => {
|
||||
try {
|
||||
await updateNicknameApi(nickname);
|
||||
await useUser.getState().checkNicknameChangeStatus();
|
||||
set((state) => ({
|
||||
user: { ...state.user, nickname },
|
||||
}));
|
||||
} catch (error) {
|
||||
console.error("更新用户昵称失败:", error);
|
||||
}
|
||||
},
|
||||
}));
|
||||
|
||||
export const useUserInfo = () => useUser((state) => state.user);
|
||||
export const useNicknameChangeStatus = () =>
|
||||
useUser((state) => state.nicknameChangeStatus);
|
||||
|
||||
export const useUserActions = () =>
|
||||
useUser((state) => ({
|
||||
fetchUserInfo: state.fetchUserInfo,
|
||||
updateUserInfo: state.updateUserInfo,
|
||||
checkNicknameChangeStatus: state.checkNicknameChangeStatus,
|
||||
updateNickname: state.updateNickname,
|
||||
}));
|
||||
|
||||
Reference in New Issue
Block a user