Add Edit Post form

.eslintrc.json

@@ -19,7 +19,9 @@
     "it": true,
     "author": true,
     "expect": true,
-    "jest": true
+    "jest": true,
+    "beforeEach": true,
+    "afterEach": true
   },
   "rules": {
     "no-unused-vars": "off",

package.json

@@ -34,7 +34,7 @@
     "next": "14.2.3",
     "next-themes": "^0.3.0",
     "react": "^18",
-    "react-dom": "^18",
+    "react-dom": "^18.3.1",
     "react-hook-form": "^7.51.4",
     "react-intersection-observer": "^9.10.2",
     "tailwind-merge": "^2.3.0",

src/app/admin/page.tsx

@@ -1,5 +1,4 @@
 import { EditPost } from "@/components/app/edit-post";
-import { fetchPost } from "@/lib/data";
 import { PostsTable } from "@/components/app/posts-table";
 import { Suspense } from "react";
 import { PostsTableSkeleton } from "@/components/app/posts-table/skeleton";
@@ -16,13 +15,10 @@ interface AdminPageProps {
 // https://nextjs.org/docs/app/api-reference/file-conventions/page
 // Need to check the next package if there are types for page components.
 const AdminPage: React.FC<AdminPageProps> = async ({ searchParams }) => {
-  const postId = Number(searchParams?.id);
-  const editingPost = isNaN(postId) ? undefined : await fetchPost(postId);
   const currentPage = Number(searchParams?.page) || 1;
   return (
     <div className="mb-10">
-      {/* post = undefined handles new post */}
-      <EditPost post={editingPost} />
+      <EditPost />
       <Suspense fallback={<PostsTableSkeleton />}>
         <PostsTable currentPage={currentPage} />
       </Suspense>