chore: reorder imports manually

web/.eslintrc.json

@@ -23,12 +23,11 @@
     ],
     "@typescript-eslint/no-empty-interface": ["off"],
     "@typescript-eslint/no-explicit-any": ["off"],
-    "react/react-in-jsx-scope": "off",
-    "sort-imports": [
-      "error",
-      {
-        "memberSyntaxSortOrder": ["all", "multiple", "single", "none"]
-      }
-    ]
+    "react/react-in-jsx-scope": "off"
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
   }
 }

web/src/App.tsx

@@ -1,6 +1,5 @@
 import { appRouterSwitch } from "./routers";
 import { useAppSelector } from "./store";
-import "./less/app.less";
 
 function App() {
   const pathname = useAppSelector((state) => state.location.pathname);

web/src/components/ConfirmResetOpenIdDialog.tsx

@@ -1,8 +1,8 @@
 import { useEffect } from "react";
-import { showDialog } from "./Dialog";
+import { userService } from "../services";
 import useLoading from "../hooks/useLoading";
+import { showDialog } from "./Dialog";
 import toastHelper from "./Toast";
-import { userService } from "../services";
 import "../less/confirm-reset-openid-dialog.less";
 
 interface Props extends DialogProps {}

web/src/components/DailyMemo.tsx

@@ -1,7 +1,7 @@
 import { IMAGE_URL_REG } from "../helpers/consts";
 import * as utils from "../helpers/utils";
-import { formatMemoContent } from "./Memo";
 import Only from "./common/OnlyWhen";
+import { formatMemoContent } from "./Memo";
 import "../less/daily-memo.less";
 
 interface DailyMemo extends Memo {

web/src/components/Dialog.tsx

@@ -1,7 +1,7 @@
 import { createRoot } from "react-dom/client";
+import { ANIMATION_DURATION } from "../helpers/consts";
 import { Provider } from "react-redux";
 import store from "../store";
-import { ANIMATION_DURATION } from "../helpers/consts";
 import "../less/dialog.less";
 
 interface DialogConfig {

web/src/components/Memo.tsx

@@ -1,14 +1,14 @@
 import { memo, useEffect, useRef, useState } from "react";
 import { escape, indexOf } from "lodash-es";
 import { IMAGE_URL_REG, LINK_REG, MEMO_LINK_REG, TAG_REG, UNKNOWN_ID } from "../helpers/consts";
-import { DONE_BLOCK_REG, parseMarkedToHtml, TODO_BLOCK_REG } from "../helpers/marked";
 import * as utils from "../helpers/utils";
+import { DONE_BLOCK_REG, parseMarkedToHtml, TODO_BLOCK_REG } from "../helpers/marked";
 import { editorStateService, locationService, memoService, userService } from "../services";
 import Only from "./common/OnlyWhen";
+import toastHelper from "./Toast";
 import Image from "./Image";
 import showMemoCardDialog from "./MemoCardDialog";
 import showShareMemoImageDialog from "./ShareMemoImageDialog";
-import toastHelper from "./Toast";
 import "../less/memo.less";
 
 const MAX_MEMO_CONTAINER_HEIGHT = 384;

web/src/components/MemoCardDialog.tsx

@@ -3,11 +3,11 @@ import { IMAGE_URL_REG, MEMO_LINK_REG, UNKNOWN_ID } from "../helpers/consts";
 import * as utils from "../helpers/utils";
 import { editorStateService, memoService } from "../services";
 import { parseHtmlToRawText } from "../helpers/marked";
-import { formatMemoContent } from "./Memo";
+import Only from "./common/OnlyWhen";
 import toastHelper from "./Toast";
 import { showDialog } from "./Dialog";
-import Only from "./common/OnlyWhen";
 import Image from "./Image";
+import { formatMemoContent } from "./Memo";
 import "../less/memo-card-dialog.less";
 import "../less/memo-content.less";
 

web/src/components/MemoEditor.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useMemo, useRef } from "react";
+import { UNKNOWN_ID } from "../helpers/consts";
 import { editorStateService, locationService, memoService, resourceService } from "../services";
 import { useAppSelector } from "../store";
-import { UNKNOWN_ID } from "../helpers/consts";
 import * as storage from "../helpers/storage";
 import useToggle from "../hooks/useToggle";
 import toastHelper from "./Toast";

web/src/components/MemoList.tsx

@@ -4,8 +4,8 @@ import { useAppSelector } from "../store";
 import { IMAGE_URL_REG, LINK_REG, MEMO_LINK_REG, TAG_REG } from "../helpers/consts";
 import * as utils from "../helpers/utils";
 import { checkShouldShowMemoWithFilters } from "../helpers/filter";
-import Memo from "./Memo";
 import toastHelper from "./Toast";
+import Memo from "./Memo";
 import "../less/memo-list.less";
 
 interface Props {}

web/src/components/MenuBtnsPopup.tsx

@@ -1,8 +1,8 @@
 import { useEffect, useRef } from "react";
 import * as api from "../helpers/api";
 import { locationService, userService } from "../services";
-import showAboutSiteDialog from "./AboutSiteDialog";
 import toastHelper from "./Toast";
+import showAboutSiteDialog from "./AboutSiteDialog";
 import "../less/menu-btns-popup.less";
 
 interface Props {

web/src/components/ShareMemoImageDialog.tsx

@@ -4,9 +4,9 @@ import toImage from "../labs/html2image";
 import { ANIMATION_DURATION, IMAGE_URL_REG } from "../helpers/consts";
 import * as utils from "../helpers/utils";
 import { showDialog } from "./Dialog";
-import { formatMemoContent } from "./Memo";
 import Only from "./common/OnlyWhen";
 import toastHelper from "./Toast";
+import { formatMemoContent } from "./Memo";
 import "../less/share-memo-image-dialog.less";
 
 interface Props extends DialogProps {

web/src/components/Sidebar.tsx

@@ -1,13 +1,13 @@
 import { useAppSelector } from "../store";
 import * as utils from "../helpers/utils";
+import { userService } from "../services";
 import showDailyReviewDialog from "./DailyReviewDialog";
 import showSettingDialog from "./SettingDialog";
 import showArchivedMemoDialog from "./ArchivedMemoDialog";
 import UserBanner from "./UserBanner";
 import UsageHeatMap from "./UsageHeatMap";
 import ShortcutList from "./ShortcutList";
 import TagList from "./TagList";
-import { userService } from "../services";
 import "../less/siderbar.less";
 
 interface Props {}

web/src/components/TagList.tsx

@@ -1,9 +1,9 @@
 import { useEffect, useState } from "react";
+import * as utils from "../helpers/utils";
 import { useAppSelector } from "../store";
 import { locationService, memoService, userService } from "../services";
 import useToggle from "../hooks/useToggle";
 import Only from "./common/OnlyWhen";
-import * as utils from "../helpers/utils";
 import "../less/tag-list.less";
 
 interface Tag {

web/src/components/UserBanner.tsx

@@ -1,10 +1,10 @@
-import * as api from "../helpers/api";
 import { useCallback, useEffect, useState } from "react";
-import MenuBtnsPopup from "./MenuBtnsPopup";
+import * as api from "../helpers/api";
 import { getUserIdFromPath } from "../services/userService";
 import { locationService } from "../services";
-import toastHelper from "./Toast";
 import { useAppSelector } from "../store";
+import toastHelper from "./Toast";
+import MenuBtnsPopup from "./MenuBtnsPopup";
 import "../less/user-banner.less";
 
 interface Props {}

web/src/main.tsx

@@ -3,8 +3,8 @@ import { Provider } from "react-redux";
 import store from "./store";
 import { updateStateWithLocation } from "./store/modules/location";
 import App from "./App";
-import "./helpers/polyfill";
 import "./less/global.less";
+import "./helpers/polyfill";
 import "./css/index.css";
 
 const container = document.getElementById("root");