From 65ea1214d477fb847efdb777d69f908ce9cd3e79 Mon Sep 17 00:00:00 2001
From: ruotongyu <yuruotong@ceshiren.com>
Date: Tue, 18 Jun 2024 22:07:54 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20ui(autoMate)=EF=BC=9AContent?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=B7=BB=E5=8A=A0=E8=87=AA=E5=8A=A8=E8=8E=B7?=
 =?UTF-8?q?=E5=8F=96=E7=84=A6=E7=82=B9=E5=8A=9F=E8=83=BD=E5=8F=8A=E6=96=87?=
 =?UTF-8?q?=E6=9C=AC=E6=A1=86placeholder=E6=8F=90=E7=A4=BA=20=F0=9F=93=9D?=
 =?UTF-8?q?=20ui(autoMate)=EF=BC=9AContentListAction=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E9=87=8D=E6=9E=84=EF=BC=8C=E6=B7=BB=E5=8A=A0=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=E5=A4=84=E7=90=86=E5=B9=B6=E9=87=8D=E5=AE=9A=E5=90=91=20?=
 =?UTF-8?q?=F0=9F=94=A7=20ui(autoMate)=EF=BC=9AContentList=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=A1=A8=E8=B0=83=E6=95=B4=EF=BC=8C=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E9=93=BE=E6=8E=A5=E8=BE=B9=E8=B7=9D=E5=8F=8A=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=20=E2=99=BB=EF=B8=8F=20ui(autoMate)=EF=BC=9AContentList?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E9=87=8D=E6=9E=84=EF=BC=8C=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?NavLink=E7=B1=BB=E5=90=8D=E5=8F=8A=E5=B8=83=E5=B1=80=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/autoMate/src/renderer/src/pages/Content/Content.tsx   | 4 ++--
 .../renderer/src/pages/ContentList/ContentListAction.ts  | 9 ++++++---
 .../src/renderer/src/pages/ContentList/contentList.scss  | 6 +++---
 ui/autoMate/src/renderer/src/pages/ContentList/index.tsx | 2 +-
 4 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/ui/autoMate/src/renderer/src/pages/Content/Content.tsx b/ui/autoMate/src/renderer/src/pages/Content/Content.tsx
index 325541f..5d62e4f 100644
--- a/ui/autoMate/src/renderer/src/pages/Content/Content.tsx
+++ b/ui/autoMate/src/renderer/src/pages/Content/Content.tsx
@@ -6,10 +6,10 @@ export const Content = () => {
     return (
     <Form method="PUT">
     <main className="content-page" key={content.id}>
-        <input defaultValue={content.title} name="title" onChange={(e) => {
+        <input autoFocus defaultValue={content.title} name="title" onChange={(e) => {
             submit(e.target.form)
         }}/>
-        <textarea defaultValue={content.content} name="content" onChange={(e) => {
+        <textarea placeholder="请输入内容..." defaultValue={content.content} name="content" onChange={(e) => {
             submit(e.target.form)
         }}/>
     </main>
diff --git a/ui/autoMate/src/renderer/src/pages/ContentList/ContentListAction.ts b/ui/autoMate/src/renderer/src/pages/ContentList/ContentListAction.ts
index dbc038c..1744841 100644
--- a/ui/autoMate/src/renderer/src/pages/ContentList/ContentListAction.ts
+++ b/ui/autoMate/src/renderer/src/pages/ContentList/ContentListAction.ts
@@ -1,12 +1,15 @@
+import { redirect } from "react-router-dom"
+
 export default async ({request, params}) => {
     const formData = await request.formData()
     const cid = params.cid || 0
     switch(formData.get("action")){
-        case "add":
-            await window.api.sql(
+        case "add": {
+            const id = await window.api.sql(
                 `insert into contents (title, content, category_id, created_at) values ('未命名', '', ${cid}, datetime())`, 
                 "create")
-            break
+            return redirect(`content/${id}`)
+        }
     }
 
     return {}
diff --git a/ui/autoMate/src/renderer/src/pages/ContentList/contentList.scss b/ui/autoMate/src/renderer/src/pages/ContentList/contentList.scss
index 4fab0f1..57ee10f 100644
--- a/ui/autoMate/src/renderer/src/pages/ContentList/contentList.scss
+++ b/ui/autoMate/src/renderer/src/pages/ContentList/contentList.scss
@@ -6,10 +6,10 @@
         @apply border-r overflow-y-auto;
         grid-area: list;
         a {
-            @apply truncate py-1 px-1 cursor-pointer flex items-center gap-1 border-b mx-2;
+            
+            @apply truncate py-1 px-1 cursor-pointer flex items-center gap-1 border-b mx-2 my-1;
             &.active{
-                // mx-1 外边距
-                @apply bg-blue-700 text-white mx-1 rounded-md;
+                @apply bg-blue-700 text-white rounded-md;
             }
         }
     }
diff --git a/ui/autoMate/src/renderer/src/pages/ContentList/index.tsx b/ui/autoMate/src/renderer/src/pages/ContentList/index.tsx
index 1a9ac73..56e49e8 100644
--- a/ui/autoMate/src/renderer/src/pages/ContentList/index.tsx
+++ b/ui/autoMate/src/renderer/src/pages/ContentList/index.tsx
@@ -35,7 +35,7 @@ export const ContentList = () => {
                 <NavLink 
                    key={content.id} 
                    to={`/config/category/contentList/${content.category_id}/content/${content.id}`}
-                   className={({ isActive }) => `${isActive ? "active" : ""}`}> 
+                   className="flex justify-between items-center"> 
                    <div className="truncate">{content.title}</div>
                    <div className="text-[10px] opacity-80 ">{dayjs(content.created_at).format("YYYY/MM/DD")}</div>
                    </NavLink>