From e0b174f5bbf5169e44272f832f1519897ac82bda Mon Sep 17 00:00:00 2001
From: Karthik J <114949890+Karthik150502@users.noreply.github.com>
Date: Wed, 9 Oct 2024 02:38:48 +0530
Subject: [PATCH] Added a shadow to the PostCard component. (#1435)

---
 src/components/posts/PostCard.tsx | 31 +++++++++++++++----------------
 1 file changed, 15 insertions(+), 16 deletions(-)

diff --git a/src/components/posts/PostCard.tsx b/src/components/posts/PostCard.tsx
index e4cc4486d..bef916a81 100644
--- a/src/components/posts/PostCard.tsx
+++ b/src/components/posts/PostCard.tsx
@@ -99,11 +99,10 @@ const PostCard: React.FC<IProps> = ({
 
   return (
     <div
-      className={`flex w-full cursor-pointer flex-col gap-4 p-3 transition-all duration-300 sm:p-5 ${
-        !post.content && !isAnswer
-          ? `rounded-xl bg-neutral-50 hover:-translate-y-2 dark:bg-neutral-900`
-          : `rounded-r-xl border-l-2 border-blue-500 bg-primary/5`
-      } ${isPending && `animate-pulse duration-700`}`}
+      className={`flex w-full cursor-pointer flex-col gap-4 p-3 transition-all duration-300 sm:p-5 ${!post.content && !isAnswer
+        ? `rounded-xl bg-neutral-50 shadow-lg hover:-translate-y-2 dark:bg-neutral-900`
+        : `rounded-r-xl border-l-2 border-blue-500 bg-primary/5`
+        } ${isPending && `animate-pulse duration-700`}`}
       onClick={() => {
         startTransition(() => {
           if (isExtendedQuestion(post)) {
@@ -132,12 +131,12 @@ const PostCard: React.FC<IProps> = ({
         </div>
         {(sessionUser?.role === ROLES.ADMIN ||
           post?.author?.id === sessionUser?.id) && (
-          <DeleteForm
-            key={post.id}
-            questionId={!isAnswer ? post.id : undefined}
-            answerId={isAnswer ? post.id : undefined}
-          />
-        )}
+            <DeleteForm
+              key={post.id}
+              questionId={!isAnswer ? post.id : undefined}
+              answerId={isAnswer ? post.id : undefined}
+            />
+          )}
       </div>
 
       {parentAuthorName && isAnswer && (
@@ -216,10 +215,10 @@ const PostCard: React.FC<IProps> = ({
       </div>
 
       {enableReply && (
-      <form
-        onSubmit={handleSubmit}
-        className="mt-4"
-        onClick={handleEditorClick}
+        <form
+          onSubmit={handleSubmit}
+          className="mt-4"
+          onClick={handleEditorClick}
         >
           <div data-color-mode={theme} className="flex w-full flex-col gap-4">
             <MDEditor
@@ -255,7 +254,7 @@ const PostCard: React.FC<IProps> = ({
                   sessionUser={sessionUser}
                   reply={false}
                   parentAuthorName={post.author.name}
-                  isAnswer={true}                />
+                  isAnswer={true} />
               </div>
             ))}
           </div>