From 73cd3bbb70cc35207e574e15fd9499372dd8f932 Mon Sep 17 00:00:00 2001
From: GamerBoss101 <adithcool.5@gmail.com>
Date: Sun, 13 Apr 2025 07:52:39 -0400
Subject: [PATCH] Component Update

---
 src/app/(app)/page.tsx      |  1 +
 src/lib/components/Post.tsx | 18 +++++++++++-------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/app/(app)/page.tsx b/src/app/(app)/page.tsx
index cd3c147..99a0d4d 100644
--- a/src/app/(app)/page.tsx
+++ b/src/app/(app)/page.tsx
@@ -75,6 +75,7 @@ function Mobile() {
 					<div className="space-y-6">
 						{friendsPostsData.map((post, index) => (
 							<Post
+								showDeleteButton={false} // No delete option for friends' posts
 								key={index}
 								post={post}
 								allowReactions={true} // Allow reactions for friends' posts
diff --git a/src/lib/components/Post.tsx b/src/lib/components/Post.tsx
index 222eec2..c47cfc4 100644
--- a/src/lib/components/Post.tsx
+++ b/src/lib/components/Post.tsx
@@ -14,7 +14,8 @@ interface PostProps {
     onLike: () => void;
     onWarning: () => void;
     onDelete: () => void; // Callback for deleting the post
-    allowReactions: boolean; // New property to toggle reactions
+    allowReactions: boolean; // Property to toggle reactions
+    showDeleteButton?: boolean; // New property to toggle the delete button
 }
 
 export default function Post({
@@ -23,6 +24,7 @@ export default function Post({
     onWarning,
     onDelete,
     allowReactions,
+    showDeleteButton = true, // Default to true if not provided
 }: PostProps) {
     const [userData, setUserData] = useState<{ username: string; avatar: number } | null>({
         username: "Loading...",
@@ -112,12 +114,14 @@ export default function Post({
                 >
                     😭 Stop drinking that ({post.reactions.filter((reaction) => reaction.warned).length})
                 </button>
-                <button
-                    onClick={onDelete}
-                    className="px-3 py-1 rounded text-sm bg-red-600 hover:bg-red-700 text-white"
-                >
-                    🗑️ Delete
-                </button>
+                {showDeleteButton && (
+                    <button
+                        onClick={onDelete}
+                        className="px-3 py-1 rounded text-sm bg-red-600 hover:bg-red-700 text-white"
+                    >
+                        🗑️ Delete
+                    </button>
+                )}
             </div>
         </div>
     );