From c880225e4959a6120169bf402ddd1d9bb1e5865e Mon Sep 17 00:00:00 2001
From: gujiangjiang <gujiangjiang@qq.com>
Date: Fri, 17 Oct 2025 05:24:07 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E4=BA=86=20MailDetail?=
 =?UTF-8?q?=20=E9=A1=B5=E9=9D=A2=E4=B8=AD=E5=9B=BE=E6=A0=87=E5=AF=BC?=
 =?UTF-8?q?=E5=85=A5=E8=AF=AD=E6=B3=95=E9=94=99=E8=AF=AF=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=20chore:=20=E7=BB=9F=E4=B8=80=E4=BA=86=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E7=BB=84=E4=BB=B6=E7=9A=84=E5=AF=BC=E5=87=BA=E6=96=B9?=
 =?UTF-8?q?=E5=BC=8F=E4=B8=BA=E9=BB=98=E8=AE=A4=E5=AF=BC=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/MailList.tsx          |  3 ++-
 .../src/components/icons/ArrowUturnLeft.tsx   | 24 +++++++++----------
 .../src/components/icons/UserCircleIcon.tsx   | 22 ++++++++---------
 frontend/src/pages/MailDetail.tsx             |  6 +++--
 4 files changed, 29 insertions(+), 26 deletions(-)

diff --git a/frontend/src/components/MailList.tsx b/frontend/src/components/MailList.tsx
index df9b65b..b5ace6e 100644
--- a/frontend/src/components/MailList.tsx
+++ b/frontend/src/components/MailList.tsx
@@ -5,7 +5,7 @@ import { zhCN } from 'date-fns/locale';
 import type { Email } from 'database';
 
 // 图标导入
-import { MailIcon } from './icons/MailIcon.tsx';
+import MailIcon from './icons/MailIcon.tsx'; // 修复：将命名导入 { MailIcon } 改为默认导入 MailIcon
 import RefreshIcon from './icons/RefreshIcon.tsx';
 import Loader from './icons/Loader.tsx';
 import { TrashIcon } from './icons/TrashIcon.tsx';
@@ -134,3 +134,4 @@ export function MailList({ emails, isLoading, onDelete, isDeleting, onRefresh, s
     </div>
   );
 }
+
diff --git a/frontend/src/components/icons/ArrowUturnLeft.tsx b/frontend/src/components/icons/ArrowUturnLeft.tsx
index 06c2075..90e383d 100644
--- a/frontend/src/components/icons/ArrowUturnLeft.tsx
+++ b/frontend/src/components/icons/ArrowUturnLeft.tsx
@@ -1,20 +1,20 @@
-import { SVGProps } from "react";
-
-export default function ArrowUturnLeft(props: SVGProps<SVGSVGElement>) {
+// 修复：将命名导出 'export function' 改为默认导出 'export default function'
+// 这确保了组件导出方式的一致性，解决了Vite构建过程中的解析错误。
+export default function ArrowUturnLeft() {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      strokeWidth="2"
-      stroke="currentColor"
       fill="none"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      {...props}
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
+      stroke="currentColor"
+      className="w-6 h-6"
     >
-      <path d="M9 15 3 9m0 0 6-6M3 9h12a6 6 0 0 1 0 12h-3" />
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M9 15 3 9m0 0 6-6M3 9h12a6 6 0 0 1 0 12h-3"
+      />
     </svg>
   );
 }
diff --git a/frontend/src/components/icons/UserCircleIcon.tsx b/frontend/src/components/icons/UserCircleIcon.tsx
index f91b944..543403f 100644
--- a/frontend/src/components/icons/UserCircleIcon.tsx
+++ b/frontend/src/components/icons/UserCircleIcon.tsx
@@ -1,20 +1,20 @@
-import { SVGProps } from "react";
-
-export default function UserCircleIcon(props: SVGProps<SVGSVGElement>) {
+// 修复：将命名导出 'export function' 改为默认导出 'export default function'
+// 这确保了组件导出方式的一致性，解决了Vite构建过程中的解析错误。
+export default function UserCircleIcon(props: React.SVGProps<SVGSVGElement>) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      strokeWidth="2"
-      stroke="currentColor"
       fill="none"
-      strokeLinecap="round"
-      strokeLinejoin="round"
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
+      stroke="currentColor"
       {...props}
     >
-      <path d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+      />
     </svg>
   );
 }
diff --git a/frontend/src/pages/MailDetail.tsx b/frontend/src/pages/MailDetail.tsx
index a8aafe7..c850e5e 100644
--- a/frontend/src/pages/MailDetail.tsx
+++ b/frontend/src/pages/MailDetail.tsx
@@ -5,8 +5,9 @@ import { useTranslation } from "react-i18next";
 import { format } from "date-fns/format";
 
 // 导入图标
-import { ArrowUturnLeft } from '../components/icons/ArrowUturnLeft.tsx';
-import { UserCircleIcon } from '../components/icons/UserCircleIcon.tsx';
+// 修复：将命名导入更改为默认导入，以匹配图标组件的导出方式
+import ArrowUturnLeft from '../components/icons/ArrowUturnLeft.tsx';
+import UserCircleIcon from '../components/icons/UserCircleIcon.tsx';
 
 export function MailDetail() {
   const { t } = useTranslation();
@@ -100,3 +101,4 @@ export function MailDetail() {
     </div>
   );
 }
+