11 files changed, 50 insertions, 48 deletions
diff --git a/FrontEnd/src/app/views/center/TimelineBoard.tsx b/FrontEnd/src/app/views/center/TimelineBoard.tsx
index 8cede394..35249f66 100644
--- a/FrontEnd/src/app/views/center/TimelineBoard.tsx
+++ b/FrontEnd/src/app/views/center/TimelineBoard.tsx
@@ -111,12 +111,11 @@ const TimelineBoardItemContainer: React.FC<TimelineBoardItemContainerProps> = ({
   timelines,
   editHandler,
 }) => {
-  const [moveState, setMoveState] =
-    React.useState<null | {
-      index: number;
-      offset: number;
-      startPointY: number;
-    }>(null);
+  const [moveState, setMoveState] = React.useState<null | {
+    index: number;
+    offset: number;
+    startPointY: number;
+  }>(null);
 
   return (
     <>
@@ -307,8 +306,9 @@ const TimelineBoard: React.FC<TimelineBoardProps> = ({
   load,
   editHandler,
 }) => {
-  const [timelines, setTimelines] =
-    React.useState<HttpTimelineInfo[] | "offline" | "loading">("loading");
+  const [timelines, setTimelines] = React.useState<
+    HttpTimelineInfo[] | "offline" | "loading"
+  >("loading");
 
   React.useEffect(() => {
     let subscribe = true;
diff --git a/FrontEnd/src/app/views/common/ImageCropper.tsx b/FrontEnd/src/app/views/common/ImageCropper.tsx
index 371ab0b1..2ef5b7ed 100644
--- a/FrontEnd/src/app/views/common/ImageCropper.tsx
+++ b/FrontEnd/src/app/views/common/ImageCropper.tsx
@@ -40,8 +40,9 @@ export interface ImageCropperProps {
 const ImageCropper = (props: ImageCropperProps): React.ReactElement => {
   const { clip, imageUrl, onChange, imageElementCallback, className } = props;
 
-  const [oldState, setOldState] =
-    React.useState<ImageCropperSavedState | null>(null);
+  const [oldState, setOldState] = React.useState<ImageCropperSavedState | null>(
+    null
+  );
   const [imageInfo, setImageInfo] = React.useState<ImageInfo | null>(null);
 
   const normalizeClip = (c: Clip | null | undefined): NormailizedClip => {
diff --git a/FrontEnd/src/app/views/home/index.tsx b/FrontEnd/src/app/views/home/index.tsx
index 484260b0..0eca23ee 100644
--- a/FrontEnd/src/app/views/home/index.tsx
+++ b/FrontEnd/src/app/views/home/index.tsx
@@ -19,10 +19,12 @@ const HomeV2: React.FC = () => {
 
   const [navText, setNavText] = React.useState<string>("");
 
-  const [highlightTimelineState, setHighlightTimelineState] =
-    React.useState<"loading" | "done" | "error">("loading");
-  const [highlightTimelines, setHighlightTimelines] =
-    React.useState<HttpTimelineInfo[] | undefined>();
+  const [highlightTimelineState, setHighlightTimelineState] = React.useState<
+    "loading" | "done" | "error"
+  >("loading");
+  const [highlightTimelines, setHighlightTimelines] = React.useState<
+    HttpTimelineInfo[] | undefined
+  >();
 
   React.useEffect(() => {
     if (highlightTimelineState === "loading") {
diff --git a/FrontEnd/src/app/views/search/index.tsx b/FrontEnd/src/app/views/search/index.tsx
index ddb68f87..966ca666 100644
--- a/FrontEnd/src/app/views/search/index.tsx
+++ b/FrontEnd/src/app/views/search/index.tsx
@@ -49,10 +49,9 @@ const SearchPage: React.FC = () => {
   const queryParam = searchParams.get("q");
 
   const [searchText, setSearchText] = React.useState<string>("");
-  const [state, setState] =
-    React.useState<
-      HttpTimelineInfo[] | "init" | "loading" | "network-error" | "error"
-    >("init");
+  const [state, setState] = React.useState<
+    HttpTimelineInfo[] | "init" | "loading" | "network-error" | "error"
+  >("init");
 
   const [forceResearchKey, setForceResearchKey] = React.useState<number>(0);
 
diff --git a/FrontEnd/src/app/views/settings/ChangeAvatarDialog.tsx b/FrontEnd/src/app/views/settings/ChangeAvatarDialog.tsx
index bad21dd5..c4f6f492 100644
--- a/FrontEnd/src/app/views/settings/ChangeAvatarDialog.tsx
+++ b/FrontEnd/src/app/views/settings/ChangeAvatarDialog.tsx
@@ -29,16 +29,15 @@ const ChangeAvatarDialog: React.FC<ChangeAvatarDialogProps> = (props) => {
   const [resultBlob, setResultBlob] = React.useState<Blob | null>(null);
   const [resultUrl, setResultUrl] = React.useState<string | null>(null);
 
-  const [state, setState] =
-    React.useState<
-      | "select"
-      | "crop"
-      | "processcrop"
-      | "preview"
-      | "uploading"
-      | "success"
-      | "error"
-    >("select");
+  const [state, setState] = React.useState<
+    | "select"
+    | "crop"
+    | "processcrop"
+    | "preview"
+    | "uploading"
+    | "success"
+    | "error"
+  >("select");
 
   const [message, setMessage] = useState<
     string | { type: "custom"; text: string } | null
diff --git a/FrontEnd/src/app/views/settings/index.tsx b/FrontEnd/src/app/views/settings/index.tsx
index 9f955121..04a2777a 100644
--- a/FrontEnd/src/app/views/settings/index.tsx
+++ b/FrontEnd/src/app/views/settings/index.tsx
@@ -40,10 +40,9 @@ const SettingsPage: React.FC = (_) => {
   const user = useUser();
   const history = useHistory();
 
-  const [dialog, setDialog] =
-    useState<
-      null | "changepassword" | "changeavatar" | "changenickname" | "logout"
-    >(null);
+  const [dialog, setDialog] = useState<
+    null | "changepassword" | "changeavatar" | "changenickname" | "logout"
+  >(null);
 
   const language = i18n.language.slice(0, 2);
 
diff --git a/FrontEnd/src/app/views/timeline-common/Timeline.tsx b/FrontEnd/src/app/views/timeline-common/Timeline.tsx
index 7b56d129..589382b0 100644
--- a/FrontEnd/src/app/views/timeline-common/Timeline.tsx
+++ b/FrontEnd/src/app/views/timeline-common/Timeline.tsx
@@ -26,10 +26,9 @@ export interface TimelineProps {
 const Timeline: React.FC<TimelineProps> = (props) => {
   const { timelineName, className, style, reloadKey } = props;
 
-  const [state, setState] =
-    React.useState<
-      "loading" | "loaded" | "offline" | "notexist" | "forbid" | "error"
-    >("loading");
+  const [state, setState] = React.useState<
+    "loading" | "loaded" | "offline" | "notexist" | "forbid" | "error"
+  >("loading");
   const [posts, setPosts] = React.useState<HttpTimelinePostInfo[]>([]);
 
   React.useEffect(() => {
@@ -43,8 +42,9 @@ const Timeline: React.FC<TimelineProps> = (props) => {
     onReload.current = props.onReload;
   }, [props.onReload]);
 
-  const onConnectionStateChanged =
-    React.useRef<((state: HubConnectionState) => void) | null>(null);
+  const onConnectionStateChanged = React.useRef<
+    ((state: HubConnectionState) => void) | null
+  >(null);
 
   React.useEffect(() => {
     onConnectionStateChanged.current = props.onConnectionStateChanged ?? null;
diff --git a/FrontEnd/src/app/views/timeline-common/TimelinePageTemplate.tsx b/FrontEnd/src/app/views/timeline-common/TimelinePageTemplate.tsx
index d3bbc0bb..658ce502 100644
--- a/FrontEnd/src/app/views/timeline-common/TimelinePageTemplate.tsx
+++ b/FrontEnd/src/app/views/timeline-common/TimelinePageTemplate.tsx
@@ -36,10 +36,9 @@ const TimelinePageTemplate: React.FC<TimelinePageTemplateProps> = (props) => {
 
   const { t } = useTranslation();
 
-  const [state, setState] =
-    React.useState<"loading" | "done" | "offline" | "notexist" | "error">(
-      "loading"
-    );
+  const [state, setState] = React.useState<
+    "loading" | "done" | "offline" | "notexist" | "error"
+  >("loading");
   const [timeline, setTimeline] = React.useState<HttpTimelineInfo | null>(null);
 
   const [connectionStatus, setConnectionStatus] =
diff --git a/FrontEnd/src/app/views/timeline-common/TimelinePostView.tsx b/FrontEnd/src/app/views/timeline-common/TimelinePostView.tsx
index a008d8e5..f7b81478 100644
--- a/FrontEnd/src/app/views/timeline-common/TimelinePostView.tsx
+++ b/FrontEnd/src/app/views/timeline-common/TimelinePostView.tsx
@@ -31,8 +31,9 @@ const TimelinePostView: React.FC<TimelinePostViewProps> = (props) => {
 
   const [operationMaskVisible, setOperationMaskVisible] =
     React.useState<boolean>(false);
-  const [dialog, setDialog] =
-    React.useState<"delete" | "changeproperty" | null>(null);
+  const [dialog, setDialog] = React.useState<
+    "delete" | "changeproperty" | null
+  >(null);
 
   const cardRef = React.useRef<HTMLDivElement>(null);
   React.useEffect(() => {
diff --git a/FrontEnd/src/app/views/timeline/TimelineCard.tsx b/FrontEnd/src/app/views/timeline/TimelineCard.tsx
index 317eedd0..e031b565 100644
--- a/FrontEnd/src/app/views/timeline/TimelineCard.tsx
+++ b/FrontEnd/src/app/views/timeline/TimelineCard.tsx
@@ -9,8 +9,9 @@ import TimelineDeleteDialog from "./TimelineDeleteDialog";
 const TimelineCard: React.FC<TimelinePageCardProps> = (props) => {
   const { timeline } = props;
 
-  const [dialog, setDialog] =
-    React.useState<"member" | "property" | "delete" | null>(null);
+  const [dialog, setDialog] = React.useState<
+    "member" | "property" | "delete" | null
+  >(null);
 
   return (
     <>
diff --git a/FrontEnd/src/app/views/user/UserCard.tsx b/FrontEnd/src/app/views/user/UserCard.tsx
index 4b8a401a..e7e4252e 100644
--- a/FrontEnd/src/app/views/user/UserCard.tsx
+++ b/FrontEnd/src/app/views/user/UserCard.tsx
@@ -7,8 +7,9 @@ import UserAvatar from "../common/user/UserAvatar";
 const UserCard: React.FC<TimelinePageCardProps> = (props) => {
   const { timeline } = props;
 
-  const [dialog, setDialog] =
-    React.useState<"member" | "property" | null>(null);
+  const [dialog, setDialog] = React.useState<"member" | "property" | null>(
+    null
+  );
 
   return (
     <>