From 047fa0a283aebc411e629dafc022112ddc0c5226 Mon Sep 17 00:00:00 2001
From: lareii <lareii@proton.me>
Date: Sat, 14 Sep 2024 23:01:41 +0300
Subject: [PATCH] feat(client): improve post component

---
 client/components/app/Post/Dropdown.jsx    | 44 +++++++++++-----------
 client/components/app/Post/UpdateModal.jsx |  4 ++
 client/components/app/Post/index.jsx       |  2 +
 3 files changed, 29 insertions(+), 21 deletions(-)

diff --git a/client/components/app/Post/Dropdown.jsx b/client/components/app/Post/Dropdown.jsx
index 568f0cb..0b60073 100644
--- a/client/components/app/Post/Dropdown.jsx
+++ b/client/components/app/Post/Dropdown.jsx
@@ -80,27 +80,29 @@ export default function Dropdown({ post, setPost, onDelete }) {
             </Link>
           </DropdownMenuItem>
           {(user.id === post.author.id || user.role === 'admin') && (
-            <>
-              <DropdownMenuSeparator />
-              <DropdownMenuItem>
-                <DialogTrigger className='flex items-center cursor-default'>
-                  <Pencil className='w-4 h-4 mr-2' />
-                  çöpü düzenle
-                </DialogTrigger>
-              </DropdownMenuItem>
-              <DropdownMenuItem
-                onClick={handleDelete}
-                disabled={isDeleting}
-                className='flex items-center text-red-500'
-              >
-                {isDeleting ? (
-                  <LoaderCircle className='w-4 h-4 mr-2 animate-spin' />
-                ) : (
-                  <X className='w-4 h-4 mr-2' />
-                )}
-                çöpü kaldır
-              </DropdownMenuItem>
-            </>
+            <DropdownMenuSeparator />
+          )}
+          {user.id === post.author.id && (
+            <DropdownMenuItem>
+              <DialogTrigger className='flex items-center cursor-default'>
+                <Pencil className='w-4 h-4 mr-2' />
+                çöpü düzenle
+              </DialogTrigger>
+            </DropdownMenuItem>
+          )}
+          {(user.id === post.author.id || user.role === 'admin') && (
+            <DropdownMenuItem
+              onClick={handleDelete}
+              disabled={isDeleting}
+              className='flex items-center text-red-500'
+            >
+              {isDeleting ? (
+                <LoaderCircle className='w-4 h-4 mr-2 animate-spin' />
+              ) : (
+                <X className='w-4 h-4 mr-2' />
+              )}
+              çöpü kaldır
+            </DropdownMenuItem>
           )}
         </DropdownMenuContent>
       </DropdownMenu>
diff --git a/client/components/app/Post/UpdateModal.jsx b/client/components/app/Post/UpdateModal.jsx
index dbea6f5..9434527 100644
--- a/client/components/app/Post/UpdateModal.jsx
+++ b/client/components/app/Post/UpdateModal.jsx
@@ -1,3 +1,4 @@
+import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { z } from 'zod';
 import { zodResolver } from '@hookform/resolvers/zod';
@@ -30,6 +31,7 @@ const formSchema = z.object({
 });
 
 export default function UpdateModal({ post, setPost, setIsOpen }) {
+  const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
   const { toast } = useToast();
@@ -67,6 +69,8 @@ export default function UpdateModal({ post, setPost, setIsOpen }) {
       description: 'çöp başarıyla düzenlendi.',
       duration: 3000
     });
+    router.push(`/app/posts/${post.id}`);
+    router.refresh();
   }
 
   return (
diff --git a/client/components/app/Post/index.jsx b/client/components/app/Post/index.jsx
index 493ac83..0ab98a5 100644
--- a/client/components/app/Post/index.jsx
+++ b/client/components/app/Post/index.jsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { usePathname } from 'next/navigation';
 import { useState } from 'react';
 import Markdown from 'react-markdown';