diff options
author | crupest <crupest@outlook.com> | 2021-01-12 22:13:54 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2021-01-12 22:13:54 +0800 |
commit | 255d2669f422f94561e00d9ae55a758540eaea06 (patch) | |
tree | 70069e7b347978cf5cd2ef142a421e4f52100163 | |
parent | 3a1f46118e81c5a6206a3c0375f275ee7f369200 (diff) | |
download | timeline-255d2669f422f94561e00d9ae55a758540eaea06.tar.gz timeline-255d2669f422f94561e00d9ae55a758540eaea06.tar.bz2 timeline-255d2669f422f94561e00d9ae55a758540eaea06.zip |
...
-rw-r--r-- | FrontEnd/src/app/views/user/index.tsx | 27 |
1 files changed, 5 insertions, 22 deletions
diff --git a/FrontEnd/src/app/views/user/index.tsx b/FrontEnd/src/app/views/user/index.tsx index 7c0b1563..bb986178 100644 --- a/FrontEnd/src/app/views/user/index.tsx +++ b/FrontEnd/src/app/views/user/index.tsx @@ -1,8 +1,7 @@ import React, { useState } from "react"; import { useParams } from "react-router"; -import { UiLogicError } from "@/common"; -import { useUser, userInfoService } from "@/services/user"; +import { userInfoService } from "@/services/user"; import TimelinePageTemplate from "../timeline-common/TimelinePageTemplate"; @@ -14,54 +13,38 @@ import ChangeAvatarDialog from "./ChangeAvatarDialog"; const UserPage: React.FC = (_) => { const { username } = useParams<{ username: string }>(); - const user = useUser(); - const [dialog, setDialog] = useState<null | PersonalTimelineManageItem>(null); let dialogElement: React.ReactElement | undefined; - const closeDialogHandler = (): void => { - setDialog(null); - }; + const closeDialog = (): void => setDialog(null); if (dialog === "nickname") { - if (user == null) { - throw new UiLogicError("Change nickname without login."); - } - dialogElement = ( <ChangeNicknameDialog open - close={closeDialogHandler} + close={closeDialog} onProcess={(newNickname) => userInfoService.setNickname(username, newNickname) } /> ); } else if (dialog === "avatar") { - if (user == null) { - throw new UiLogicError("Change avatar without login."); - } - dialogElement = ( <ChangeAvatarDialog open - close={closeDialogHandler} + close={closeDialog} process={(file) => userInfoService.setAvatar(username, file)} /> ); } - const onManage = React.useCallback((item: PersonalTimelineManageItem) => { - setDialog(item); - }, []); - return ( <> <TimelinePageTemplate name={`@${username}`} UiComponent={UserPageUI} - onManage={onManage} + onManage={(item) => setDialog(item)} notFoundI18nKey="timeline.userNotExist" /> {dialogElement} |