update

app/components/ArticleRender.tsx

@@ -0,0 +1,34 @@
+import { ArticleDetail } from "@/app/types/article";
+import Link from "next/link";
+import ArticleHeading from "@/app/components/ArticleHeading";
+
+const ArticleRender = ({ article }: { article: ArticleDetail }) => {
+  return (
+    <div className={"h-full"}>
+      <ArticleHeading text={article.title} />
+      <div dangerouslySetInnerHTML={{ __html: article.content }}></div>
+      <div className={"bottom-nav mt-[27px] mb-[50px]"}>
+        <div className={"prev"}>
+          <span className={"text-base"}>上一篇</span>
+          <Link
+            className={"text-sm text-[#666] ml-8"}
+            href={`./${article.prev?.id}`}
+          >
+            {article.prev?.title ?? "没有了"}
+          </Link>
+        </div>
+        <div className={"next mt-8"}>
+          <span className={"text-base"}>下一篇</span>
+          <Link
+            className={"text-sm text-[#666] ml-8"}
+            href={`./${article.next?.id}`}
+          >
+            {article.next?.title ?? "没有了"}
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ArticleRender;