aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorcrupest <crupest@outlook.com>2021-01-12 22:13:54 +0800
committercrupest <crupest@outlook.com>2021-01-12 22:13:54 +0800
commit255d2669f422f94561e00d9ae55a758540eaea06 (patch)
tree70069e7b347978cf5cd2ef142a421e4f52100163
parent3a1f46118e81c5a6206a3c0375f275ee7f369200 (diff)
downloadtimeline-255d2669f422f94561e00d9ae55a758540eaea06.tar.gz
timeline-255d2669f422f94561e00d9ae55a758540eaea06.tar.bz2
timeline-255d2669f422f94561e00d9ae55a758540eaea06.zip
...
-rw-r--r--FrontEnd/src/app/views/user/index.tsx27
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}