...

1 files changed, 77 insertions, 77 deletions

diff --git a/Timeline/ClientApp/src/app/user/User.tsx b/Timeline/ClientApp/src/app/user/User.tsx
index 67c9d921..6f61cacf 100644
--- a/Timeline/ClientApp/src/app/user/User.tsx
+++ b/Timeline/ClientApp/src/app/user/User.tsx
@@ -1,77 +1,77 @@
-import React, { useState } from 'react';

-import { useParams } from 'react-router';

-

-import { UiLogicError } from '../common';

-import { useUser, userInfoService } from '../data/user';

-import { changeNickname } from './api';

-

-import UserPage from './UserPage';

-import ChangeNicknameDialog from './ChangeNicknameDialog';

-import ChangeAvatarDialog from './ChangeAvatarDialog';

-import TimelinePageTemplate from '../timeline/TimelinePageTemplate';

-import { PersonalTimelineManageItem } from './UserInfoCard';

-

-const User: React.FC = (_) => {

-  const { username } = useParams<{ username: string }>();

-

-  const user = useUser();

-

-  const [dialog, setDialog] = useState<null | PersonalTimelineManageItem>(null);

-  const [dataKey, setDataKey] = useState<number>(0);

-

-  let dialogElement: React.ReactElement | undefined;

-

-  const closeDialogHandler = (): void => {

-    setDialog(null);

-  };

-

-  if (dialog === 'nickname') {

-    if (user == null) {

-      throw new UiLogicError('Change nickname without login.');

-    }

-

-    dialogElement = (

-      <ChangeNicknameDialog

-        open

-        close={closeDialogHandler}

-        onProcess={(newNickname) => {

-          const p = changeNickname(user.token, username, newNickname);

-          return p.then((_) => {

-            setDataKey(dataKey + 1);

-          });

-        }}

-      />

-    );

-  } else if (dialog === 'avatar') {

-    if (user == null) {

-      throw new UiLogicError('Change avatar without login.');

-    }

-

-    dialogElement = (

-      <ChangeAvatarDialog

-        open

-        close={closeDialogHandler}

-        process={(file) => userInfoService.setAvatar(username, file)}

-      />

-    );

-  }

-

-  const onManage = React.useCallback((item: PersonalTimelineManageItem) => {

-    setDialog(item);

-  }, []);

-

-  return (

-    <>

-      <TimelinePageTemplate

-        dataVersion={dataKey}

-        name={`@${username}`}

-        UiComponent={UserPage}

-        onManage={onManage}

-        notFoundI18nKey="timeline.userNotExist"

-      />

-      {dialogElement}

-    </>

-  );

-};

-

-export default User;

+import React, { useState } from "react";
+import { useParams } from "react-router";
+
+import { UiLogicError } from "../common";
+import { useUser, userInfoService } from "../data/user";
+import { changeNickname } from "./api";
+
+import UserPage from "./UserPage";
+import ChangeNicknameDialog from "./ChangeNicknameDialog";
+import ChangeAvatarDialog from "./ChangeAvatarDialog";
+import TimelinePageTemplate from "../timeline/TimelinePageTemplate";
+import { PersonalTimelineManageItem } from "./UserInfoCard";
+
+const User: React.FC = (_) => {
+  const { username } = useParams<{ username: string }>();
+
+  const user = useUser();
+
+  const [dialog, setDialog] = useState<null | PersonalTimelineManageItem>(null);
+  const [dataKey, setDataKey] = useState<number>(0);
+
+  let dialogElement: React.ReactElement | undefined;
+
+  const closeDialogHandler = (): void => {
+    setDialog(null);
+  };
+
+  if (dialog === "nickname") {
+    if (user == null) {
+      throw new UiLogicError("Change nickname without login.");
+    }
+
+    dialogElement = (
+      <ChangeNicknameDialog
+        open
+        close={closeDialogHandler}
+        onProcess={(newNickname) => {
+          const p = changeNickname(user.token, username, newNickname);
+          return p.then((_) => {
+            setDataKey(dataKey + 1);
+          });
+        }}
+      />
+    );
+  } else if (dialog === "avatar") {
+    if (user == null) {
+      throw new UiLogicError("Change avatar without login.");
+    }
+
+    dialogElement = (
+      <ChangeAvatarDialog
+        open
+        close={closeDialogHandler}
+        process={(file) => userInfoService.setAvatar(username, file)}
+      />
+    );
+  }
+
+  const onManage = React.useCallback((item: PersonalTimelineManageItem) => {
+    setDialog(item);
+  }, []);
+
+  return (
+    <>
+      <TimelinePageTemplate
+        dataVersion={dataKey}
+        name={`@${username}`}
+        UiComponent={UserPage}
+        onManage={onManage}
+        notFoundI18nKey="timeline.userNotExist"
+      />
+      {dialogElement}
+    </>
+  );
+};
+
+export default User;