asder

src/components/AddFolder.jsx

@@ -15,7 +15,7 @@ import { useForm } from "react-hook-form";
 import { doFetch } from "@/lib/doFetch";
 import UploadImage from "./UploadImage";
 
-export default function AddFolder({refresh}) {
+export default function AddFolder({ refresh }) {
   const { isOpen, onOpen, onOpenChange } = useDisclosure();
   const { register, handleSubmit, control, setValue } = useForm();
 
@@ -82,6 +82,8 @@ export default function AddFolder({refresh}) {
                   </div>
 
                   <Input
+                    isRequired
+                    isClearable
                     type="text"
                     label="文件夹"
                     name="name"

src/components/Cards.jsx

 /* eslint-disable import/no-anonymous-default-export */
 /* eslint-disable react/display-name */
 
-import React,{memo} from "react";
+import React, { memo } from "react";
 import { Card, CardBody, CardFooter, Image } from "@nextui-org/react";
-import prisma from '@/lib/prisma';
+import prisma from "@/lib/prisma";
 import { getFetch } from "@/lib/doFetch";
 import { difftime } from "@/lib/time";
 import { useRouter } from "next/navigation";
 
-export default memo(({list}) => {
+export default memo(({ list }) => {
   const router = useRouter();
 
   return (
     <div className="gap-2 grid xl:grid-cols-8 lg:grid-cols-6 md:grid-cols-4 sm:grid-cols-2">
-      {list.map((item, index) => (
+      {list?.map?.((item, index) => (
         <Card
           shadow="sm"
           key={index}
           isPressable
           onPress={() => {
-            router.push('/detail/'+item.id);
+            router.push("/detail/" + item.id);
           }}
         >
           <CardBody className="overflow-visible p-0">
@@ -39,22 +39,15 @@ export default memo(({list}) => {
           </CardFooter>
         </Card>
       ))}
-      {
-        list.length === 0 && <Card
-        isFooterBlurred
-        radius="lg"
-        className="border-none"
-      >
-        <Image
-          alt="empty"
-          isBlurred
-          className="object-cover"
-          height={200}
-          src="/empty.png"
-          width={200}
-        />
-      </Card>
-      }
+      {list?.length === 0 && (
+          <Image
+            alt="empty"
+            isZoomed
+            className="object-cover"
+            src="/empty.png"
+            width={240}
+          />
+      )}
     </div>
   );
-})
\ No newline at end of file
+});

src/components/EditFolder.jsx

+/* eslint-disable react-hooks/exhaustive-deps */
 import React, { useEffect } from "react";
 import {
   Modal,
@@ -27,7 +28,7 @@ export default function EditFolder({ refresh, data }) {
   });
 
   useEffect(() => {
-    if (data) {
+    if (data&&isOpen===true) {
       setValue("poster", data.poster);
       setValue("name", data.name);
       console.log(data.name);
@@ -104,17 +105,18 @@ export default function EditFolder({ refresh, data }) {
                     }}
                     render={({ field: { onChange, onBlur, value } }) => (
                       <Input
+                        isRequired
+                        isClearable
                         type="text"
                         label="文件夹"
                         name="name"
                         onBlur={onBlur}
-                        onChange={onChange}
+                        onValueChange={onChange}
                         value={value}
                       />
                     )}
                     name="name"
                   />
-                  {errors.firstName && <p>This is required.</p>}
                 </form>
               </ModalBody>
               <ModalFooter>

src/lib/doFetch.js

@@ -4,8 +4,6 @@ export const doFetch = ({ url, params }) => {
   return request(url, {
     method: "POST",
     data: params ?? {},
-  }).then((response) =>{
-    
   });
 };