From 8acded1f23efe7780d955b20f7a07252fd398db2 Mon Sep 17 00:00:00 2001
From: Johnny <yourselfhosted@gmail.com>
Date: Sun, 2 Mar 2025 15:40:16 +0800
Subject: [PATCH] chore: fix linter

---
 web/.prettierrc.js                      | 2 +-
 web/src/components/MemoContent/Math.tsx | 2 +-
 web/src/components/MemoEditor/index.tsx | 2 +-
 web/src/components/StatisticsView.tsx   | 2 +-
 web/src/main.tsx                        | 4 ++--
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/.prettierrc.js b/web/.prettierrc.js
index 1b07b8aa..e9531d61 100644
--- a/web/.prettierrc.js
+++ b/web/.prettierrc.js
@@ -4,5 +4,5 @@ module.exports = {
   semi: true,
   singleQuote: false,
   plugins: [require.resolve("@trivago/prettier-plugin-sort-imports")],
-  importOrder: ["<BUILTIN_MODULES>", "<THIRD_PARTY_MODULES>", "^[./]", "^(.+).css"],
+  importOrder: ["<BUILTIN_MODULES>", "<THIRD_PARTY_MODULES>", "^@/((?!css).+)", "^[./]", "^(.+).css"],
 };
diff --git a/web/src/components/MemoContent/Math.tsx b/web/src/components/MemoContent/Math.tsx
index 3e73eef6..fff1ff45 100644
--- a/web/src/components/MemoContent/Math.tsx
+++ b/web/src/components/MemoContent/Math.tsx
@@ -1,6 +1,6 @@
 import TeX from "@matejmazur/react-katex";
-import "katex/dist/katex.min.css";
 import { cn } from "@/utils";
+import "katex/dist/katex.min.css";
 
 interface Props {
   content: string;
diff --git a/web/src/components/MemoEditor/index.tsx b/web/src/components/MemoEditor/index.tsx
index 72269d24..42321181 100644
--- a/web/src/components/MemoEditor/index.tsx
+++ b/web/src/components/MemoEditor/index.tsx
@@ -5,7 +5,6 @@ import { LoaderIcon, SendIcon } from "lucide-react";
 import { observer } from "mobx-react-lite";
 import React, { useEffect, useMemo, useRef, useState } from "react";
 import DatePicker from "react-datepicker";
-import "react-datepicker/dist/react-datepicker.css";
 import { toast } from "react-hot-toast";
 import { useTranslation } from "react-i18next";
 import useLocalStorage from "react-use/lib/useLocalStorage";
@@ -32,6 +31,7 @@ import RelationListView from "./RelationListView";
 import ResourceListView from "./ResourceListView";
 import { handleEditorKeydownWithMarkdownShortcuts, hyperlinkHighlightedText } from "./handlers";
 import { MemoEditorContext } from "./types";
+import "react-datepicker/dist/react-datepicker.css";
 
 export interface Props {
   className?: string;
diff --git a/web/src/components/StatisticsView.tsx b/web/src/components/StatisticsView.tsx
index d4c09c4d..86abbe63 100644
--- a/web/src/components/StatisticsView.tsx
+++ b/web/src/components/StatisticsView.tsx
@@ -5,7 +5,6 @@ import { CheckCircleIcon, ChevronRightIcon, ChevronLeftIcon, Code2Icon, LinkIcon
 import { observer } from "mobx-react-lite";
 import { useState } from "react";
 import DatePicker from "react-datepicker";
-import "react-datepicker/dist/react-datepicker.css";
 import useAsyncEffect from "@/hooks/useAsyncEffect";
 import i18n from "@/i18n";
 import { useMemoFilterStore } from "@/store/v1";
@@ -14,6 +13,7 @@ import { UserStats_MemoTypeStats } from "@/types/proto/api/v1/user_service";
 import { cn } from "@/utils";
 import { useTranslate } from "@/utils/i18n";
 import ActivityCalendar from "./ActivityCalendar";
+import "react-datepicker/dist/react-datepicker.css";
 
 const StatisticsView = observer(() => {
   const t = useTranslate();
diff --git a/web/src/main.tsx b/web/src/main.tsx
index 87309eb7..3d839e91 100644
--- a/web/src/main.tsx
+++ b/web/src/main.tsx
@@ -1,7 +1,5 @@
 import "@github/relative-time-element";
 import { CssVarsProvider } from "@mui/joy";
-import "@usememos/mui/dist/index.css";
-import "leaflet/dist/leaflet.css";
 import { observer } from "mobx-react-lite";
 import { createRoot } from "react-dom/client";
 import { Toaster } from "react-hot-toast";
@@ -13,6 +11,8 @@ import router from "./router";
 import { initialUserStore } from "./store/v2/user";
 import { initialWorkspaceStore } from "./store/v2/workspace";
 import theme from "./theme";
+import "@usememos/mui/dist/index.css";
+import "leaflet/dist/leaflet.css";
 
 const Main = observer(() => (
   <CssVarsProvider theme={theme}>