From f0a4c23be8537915b90f16f60dc8e855dfe414bb Mon Sep 17 00:00:00 2001
From: tone <3341154833@qq.com>
Date: Sat, 26 Apr 2025 20:42:05 +0800
Subject: [PATCH] lint

---
 tone-page-web/app/blog/page.tsx         |  2 +-
 tone-page-web/app/components/Footer.tsx |  4 +++-
 tone-page-web/app/login/page.tsx        | 11 -----------
 tone-page-web/app/page.tsx              | 11 ++++++++++-
 tone-page-web/app/resource/page.tsx     | 16 ++++++++++++----
 tone-page-web/components/login-form.tsx | 17 +++++++++++++----
 6 files changed, 39 insertions(+), 22 deletions(-)
 delete mode 100644 tone-page-web/app/login/page.tsx

diff --git a/tone-page-web/app/blog/page.tsx b/tone-page-web/app/blog/page.tsx
index d5d986b..c35d9d8 100644
--- a/tone-page-web/app/blog/page.tsx
+++ b/tone-page-web/app/blog/page.tsx
@@ -14,7 +14,7 @@ export default function Blog() {
         <div className="max-w-120 w-auto mx-auto my-10 flex flex-col gap-8">
             {
                 Array.from({ length: 10 }).map(() => (
-                    <div className="w-full px-5 cursor-default" >
+                    <div className="w-full px-5 cursor-default" key={Math.random()}>
                         <a className="text-2xl font-medium cursor-pointer" target="_black">标题标题标题标题标题标题</a>
                         <p className="text-sm font-medium text-zinc-400">描述描asdjkasdas 就叫你健康你健康呢即可述描述描述描述描述描述描述描述描述，描述描述</p>
                         <p className="text-sm font-medium text-zinc-400 mt-3">{new Date().toLocaleString()} · {formatNumber(1090)} 次访问</p>
diff --git a/tone-page-web/app/components/Footer.tsx b/tone-page-web/app/components/Footer.tsx
index 4089056..bd14da9 100644
--- a/tone-page-web/app/components/Footer.tsx
+++ b/tone-page-web/app/components/Footer.tsx
@@ -13,7 +13,9 @@ async function handleCopy(text: string) {
         await navigator.clipboard.writeText(text);
         toast.success("复制成功");
     } catch (error) {
-        toast.error("复制失败");
+        if (error instanceof Error) {
+            toast.error(`复制失败 ${error.message}`);
+        }
     }
 }
 
diff --git a/tone-page-web/app/login/page.tsx b/tone-page-web/app/login/page.tsx
deleted file mode 100644
index 45da691..0000000
--- a/tone-page-web/app/login/page.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { LoginForm } from "@/components/login-form"
-
-export default function LoginPage() {
-  return (
-    <div className="bg-muted flex min-h-svh flex-col items-center justify-center p-6 md:p-10">
-      <div className="w-full max-w-sm md:max-w-3xl">
-        <LoginForm />
-      </div>
-    </div>
-  )
-}
diff --git a/tone-page-web/app/page.tsx b/tone-page-web/app/page.tsx
index 7583d10..5fdb354 100644
--- a/tone-page-web/app/page.tsx
+++ b/tone-page-web/app/page.tsx
@@ -1,10 +1,19 @@
 'use client';
 import favicon from './favicon.ico';
+import Image from 'next/image';
 
 export default function Home() {
   return (
     <div className="w-full flex-1 flex flex-col items-center justify-center">
-      <img src={favicon.src} className="size-35 md:size-45 rounded-full duration-400" />
+      <Image
+        src={favicon.src}
+        alt="TONE's avatar"
+        width={180}
+        height={180}
+        className="rounded-full duration-400 size-35 md:size-45 select-none"
+        priority
+        quality={100}
+      />
       <h1 className='text-4xl md:text-5xl font-bold mt-5 md:mt-8 gradient-title duration-400 select-none'>特恩(TONE)</h1>
       <h2 className='text-lg sm:text-xl md:text-2xl mt-3 font-medium text-zinc-400 duration-400 select-none'>一名啥都会一点点的程序员</h2>
       <div className='flex sm:flex-row flex-col gap-2 sm:gap-10 mt-5 md:mt-8 duration-400'>
diff --git a/tone-page-web/app/resource/page.tsx b/tone-page-web/app/resource/page.tsx
index 9fe9346..3721bc6 100644
--- a/tone-page-web/app/resource/page.tsx
+++ b/tone-page-web/app/resource/page.tsx
@@ -2,7 +2,7 @@ import {
     Card,
     CardContent,
 } from "@/components/ui/card";
-
+import Image from "next/image";
 
 export default function Resources() {
     return (
@@ -14,12 +14,20 @@ export default function Resources() {
 
             <div className="mt-6 sm:mt-10 md:mt-15 w-full flex flex-col md:w-auto md:mx-auto md:grid grid-cols-2 2xl:gap-x-35 lg:gap-x-20 gap-x-10 lg:gap-y-10 gap-y-5 sm:mb-10 duration-300">
                 {
-                    [0, 1, 2, 3, 4, 5].map((item) => (
-                        <a href="" target="_blank">
+                    [0, 1, 2, 3, 4, 5].map(() => (
+                        <a href="" target="_blank" key={Math.random()}>
                             <Card className="w-full md:w-92 lg:w-100 md:rounded-xl rounded-none duration-300">
                                 <CardContent>
                                     <div className="flex gap-6">
-                                        <img className="size-20 shadow rounded-md" src="https://chromiumdash.appspot.com/releases?platform=Windows" />
+                                        <Image
+                                            src={''}
+                                            alt="资源图片"
+                                            width={100}
+                                            height={100}
+                                            className="rounded-md shadow"
+                                            priority
+                                            quality={100}
+                                        />
                                         <div className="flex-1 overflow-x-hidden">
                                             <div className="font-bold text-2xl">Title 666 66 666 66 </div>
                                             <div className="font-medium text-sm text-zinc-400">你好这是一段随机文本，你好这是一段随机文本，你好这是一段随机文本，</div>
diff --git a/tone-page-web/components/login-form.tsx b/tone-page-web/components/login-form.tsx
index 111f7ea..90d9c84 100644
--- a/tone-page-web/components/login-form.tsx
+++ b/tone-page-web/components/login-form.tsx
@@ -10,6 +10,7 @@ import { REGEXP_ONLY_DIGITS_AND_CHARS } from "input-otp"
 import { InputOTP, InputOTPGroup, InputOTPSlot } from "./ui/input-otp";
 import LoginBG from './login-bg.jpg';
 import { toast } from "sonner";
+import Image from "next/image";
 
 export type SubmitMode = 'password' | 'phone' | 'email' | 'register';
 export type LoginFormData = {
@@ -41,7 +42,9 @@ export function useLoginForm(onSubmit: (data: LoginFormData) => Promise<void>, o
     try {
       await onSubmit({ ...formData, type: loginMode });
     } catch (error) {
-      toast.error('登录失败，请重试');
+      if (error instanceof Error) {
+        toast.error('登录失败，请重试');
+      }
     }
   }, [loginMode, onSubmit]);
 
@@ -49,9 +52,11 @@ export function useLoginForm(onSubmit: (data: LoginFormData) => Promise<void>, o
     try {
       await onSendCode(formData);
     } catch (error) {
-      toast.error('发送验证码失败，请重试');
+      if (error instanceof Error) {
+        toast.error('发送验证码失败，请重试');
+      }
     }
-  }, [loginMode, onSendCode]);
+  }, [onSendCode]);
 
   return {
     loginMode,
@@ -400,10 +405,14 @@ export function LoginForm({
             </div>
           </form>
           <div className="bg-muted relative hidden md:block">
-            <img
+            <Image
               src={LoginBG.src}
               alt="Image"
+              width={500}
+              height={500}
               className="absolute inset-0 h-full w-full object-cover dark:brightness-[0.2] dark:grayscale"
+              priority
+              quality={100}
             />
           </div>
         </CardContent>