update

blog/src/app/post/[id]/page.js

@@ -7,15 +7,13 @@ import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 
 
-
 const PostDetails = (ctx) => {
     const [postDetails, setPostDetails] = useState("")
     const [isLiked, setIsLiked] = useState(false)
     const [postLikes, setPostLikes] = useState(0)
 
     const { data: session } = useSession()
     const router = useRouter()
-
     useEffect(() => {
         async function fetchPost() {
             const res = await fetch(`http://localhost:3000/api/post/${ctx.params.id}`, { cache: 'no-store' })
@@ -27,96 +25,9 @@ const PostDetails = (ctx) => {
         }
         session && fetchPost()
     }, [session])
-
-    const handleDelete = async () => {
-        try {
-            const confirmModal = confirm("Are you sure you want to delete your post?")
-
-            if (confirmModal) {
-                const res = await fetch(`http://localhost:3000/api/post/${ctx.params.id}`, {
-                    headers: {
-                        'Authorization': `Bearer ${session?.user?.accessToken}`
-                    },
-                    method: "DELETE"
-                })
-
-                if (res.ok) {
-                    router.push('/')
-                }
-            }
-        } catch (error) {
-            console.log(error)
-        }
-    }
-
-    const handleLike = async () => {
-        try {
-            const res = await fetch(`https://localhost:3000/api/post/${ctx.params.id}/like`, {
-                headers: {
-                    'Authorization': `Bearer ${session?.user?.accessToken}`
-                },
-                method: 'PUT'
-            })
-
-            console.log(res)
-            if (res.ok) {
-                if (isLiked) {
-                    setIsLiked(prev => !prev)
-                    setPostLikes(prev => prev - 1)
-                } else {
-                    setIsLiked(prev => !prev)
-                    setPostLikes(prev => prev + 1)
-                }
-            }
-        } catch (error) {
-            console.log(error)
-        }
-    }
-  return (
-        <>
-        <section className="max-w-screen-sm m-auto">
-        <div class="container px-5 py-12 mx-auto ">
-    <div class="flex flex-wrap -m-12">
-      <div class="p-12 flex flex-col">
-        <h2 class="sm:text-3xl text-xl title-font font-medium text-gray-900 mt-4 mb-4 text-center">{postDetails.title}</h2>
-        <div className="flex items-center justify-center mt-4 gap-x-5 pt-4 pb-5">
-        { 
-             postDetails?.authorId?._id.toString() === session?.user?._id.toString()
-             ? (
-                <>
-             <Link href={`/post/edit/${ctx.params.id}`} className="px-3 py-2 rounded-md text-primary font-semibold hover:bg-blue-500 hover:text-white transition-all duration-300">
-              Edit <BsFillPencilFill style={{fontSize: "24px"}} />
-              </Link>
-              <button onClick={handleDelete} className="px-3 py-2 rounded-md text-primary font-semibold hover:bg-blue-500 hover:text-white transition-all duration-300">
-              Delete <AiFillDelete style={{fontSize: "24px"}} />
-              </button>
-          </>
-        )
-
-        : (
-            <>
-
-        <h2 className='text-center text-gray-400 mb-2'>Post By: {postDetails?.authorId?.username}</h2>
-        </>
-        )
-        }
-       </div>
-        <span class="text-center py-2 px-2 rounded bg-indigo-50  text-indigo-500 text-xs font-medium tracking-widest">{postDetails.category}</span>
-        <p class="leading-relaxed mb-8">
-            {postDetails.desc}
-        </p>
-        <div class="flex items-center flex-wrap pb-4 mb-4 border-b-2 border-gray-100 mt-auto w-full">
-           <span class="text-gray-400 mr-3 inline-flex items-center ml-auto leading-none text-sm pr-3 py-1 border-r-2 border-gray-200 cursor-pointer">
-           {postLikes} {" "} {isLiked ? <AiFillLike size={16} onClick={handleLike} /> : <AiOutlineLike size={16} onClick={handleLike} />}         
-
-          </span>
-         </div>
-        </div>
-    </div>
-
-  </div>
-        </section>
-        </>
+
+   return (
+    <div>PostDetails</div>
   )
 }