feat: remove added image (cont)

Author: luannguyenQV

apps/web/@/molecules/post-form/index.tsx

@@ -6,7 +6,7 @@ import Image from "next/image"
 import Link from "next/link"
 
 import { zodResolver } from "@hookform/resolvers/zod"
-import { Image as ImageType, Prisma } from "database"
+import { Image as ImageType, Prisma, TPostItem } from "database"
 import { Upload as UploadIcon, X } from "lucide-react"
 import { useSession } from "next-auth/react"
 import { useTranslations } from "next-intl"
@@ -18,18 +18,17 @@ import z from "zod"
 import { handleCreateUpdatePost } from "@/actions/protect/postAction"
 import APP_ROUTES from "@/constants/routes"
 import InputTitle from "@/molecules/input-title"
-import { TPostItem } from "@/types/posts"
 
 import Upload from "../upload"
-import AssetManagement from "../upload/AssetsManagement"
 
 const Editor = dynamic(() => import("../editor-js"), { ssr: false })
 
 const PostForm = ({ post: postData }: { post?: TPostItem }) => {
   const { title = "", content = "", tagOnPost = [], id: postId } = postData || {}
+
   const t = useTranslations()
   const session = useSession()
-  const [image, setImage] = useState<ImageType | null>(null)
+  const [image, setImage] = useState<ImageType | null>(postData?.Image)
 
   const userId = session?.data?.user?.id
 
@@ -81,7 +80,18 @@ const PostForm = ({ post: postData }: { post?: TPostItem }) => {
   }
 
   const onSubmit = async (data) =>
-    await handleCreateUpdatePost({ postId: postId as string, data, userId })
+    await handleCreateUpdatePost({
+      postId: postId as string,
+      data: {
+        ...data,
+        Image: {
+          connect: {
+            id: image?.id,
+          },
+        },
+      },
+      userId,
+    })
 
   return (
     <div className="w-full">

apps/web/@/types/posts.ts

@@ -1,55 +1,5 @@
 import { PostOnUserType, Prisma } from "database"
 
-export const postSelect = {
-  id: true,
-  title: true,
-  content: true,
-  createdAt: true,
-  updatedAt: true,
-  slug: true,
-  postStatus: true,
-  totalLike: true,
-  totalFollow: true,
-  author: {
-    select: {
-      id: true,
-      name: true,
-      email: true,
-      image: true,
-    },
-  },
-  postOnUser: {
-    select: {
-      type: true,
-      userId: true,
-      postId: true,
-    },
-  },
-  _count: {
-    select: {
-      comments: true,
-      postOnUser: true,
-    },
-  },
-  tagOnPost: {
-    select: {
-      tag: {
-        select: {
-          id: true,
-          name: true,
-          slug: true,
-        },
-      },
-    },
-  },
-} satisfies Prisma.PostSelect
-
-const getPostItem = Prisma.validator<Prisma.PostDefaultArgs>()({
-  select: postSelect,
-})
-
-export type TPostItem = Prisma.PostGetPayload<typeof getPostItem>
-
 export type TCreatePostInput = Prisma.PostCreateInput & {
   tags: {
     value: string

apps/web/app/[lang]/(protected-post)/user/posts/[postId]/edit/page.tsx

@@ -1,19 +1,20 @@
 import { Metadata } from "next"
 
-import { getPostById } from "@/actions/protect/posts"
+import { getPost } from "database"
+
 import PostForm from "@/molecules/post-form"
 
 export async function generateMetadata({ params }): Promise<Metadata> {
-  const post = await getPostById(params?.postId as string)
+  const post = await getPost({ postIdOrSlug: params?.postId as string })
 
   return {
-    title: post?.title,
+    title: post?.data?.title,
     description: "", // post?.content.slice(0, 160),
   }
 }
 
 export default async function Page({ params }: { params: { postId: string } }) {
-  const post = await getPostById(params?.postId as string)
+  const post = await getPost({ postIdOrSlug: params?.postId as string })
 
-  return <PostForm post={post} />
+  return <PostForm post={post?.data} />
 }

packages/database/src/posts/selects.ts

@@ -10,6 +10,12 @@ export const postSelect = {
   postStatus: true,
   totalLike: true,
   totalFollow: true,
+  Image: {
+    select: {
+      id: true,
+      url: true,
+    },
+  },
   author: {
     select: {
       id: true,