update

app/components/BranchLifeSketch.tsx

@@ -1,15 +1,23 @@
-"use client";
 import styles from "@/app/assets/page.module.css";
 import Image from "next/image";
 import trumpetIcon from "@/app/assets/trumpet-icon.png";
 import { articleDetail, listArticles } from "@/app/api/articles";
 import { htmlToText } from "html-to-text";
 import Link from "next/link";
+import { useEffect, useState } from "react";
+import { Article } from "@/app/types/article";
 
+// TODO:
+// const [lists, setLists] = useState<Article[]>([]);
+// useEffect(() => {
+//     listArticles({ cid: "13" }).then((res) => {
+//         setLists(() => res.lists);
+//     });
+// }, []);
 const BranchLifeSketch = async () => {
   const { lists } = await listArticles({ cid: "13" });
   return (
-    <div>
+    <>
       <div
         className={`title-bar text-white flex items-center px-2 font-bold ${styles.articleBlockTitleBar} relative`}
       >
@@ -76,7 +84,7 @@ const BranchLifeSketch = async () => {
           {/*@ts-ignore*/}
         </swiper-container>
       </div>
-    </div>
+    </>
   );
 };