Fix delete button not rendering

src/components/CreatePost.js

@@ -33,6 +33,7 @@ export default function CreatePost() {
       imagePreview.src = selectedImageSrc;
       imagePreview.style.display = "block";
     }
+
   };
 
   const handleUpload = () => {
@@ -61,15 +62,17 @@ export default function CreatePost() {
               uploadURL: imageUrl,
               username: user.email.replace("@gmail.com", ""),
               avatar: user.photoURL,
+              // Ensure ownerEmail is set to user's email
               ownerEmail: user.email,
             });
-
             setCaption("");
             setProgress(0);
             setImage(null);
             document.getElementById("image-preview").style.display = "none";
             setLoading(false);
+
           });
+
         }
       );
     }

src/components/feed.js

@@ -23,7 +23,7 @@ const Feed = () => {
           const postsData = querySnapshot.docs.map((doc) => ({
             id: doc.id,
             post: doc.data(),
-            ownerId: doc.data().ownerEmail // Adjust according to your data structure
+            ownerEmail: doc.data().ownerEmail, // Ensure ownerEmail is included
           }));
 
           setPosts(postsData);
@@ -55,7 +55,7 @@ const Feed = () => {
   return (
     <div style={FeedStyle}>
       <CreatePost />
-      {posts.map(({ id, post, ownerId }) => (
+      {posts.map(({ id, post, ownerEmail }) => (
         <Post
           key={id}
           id={id}
@@ -65,7 +65,7 @@ const Feed = () => {
           caption={post.caption}
           comments={post.comments}
           onDelete={handleDeletePost}
-          ownerId={ownerId} // Pass ownerId to Post component
+          ownerEmail={ownerEmail} // Pass ownerEmail to Post component
         />
       ))}
     </div>

src/components/post.js

@@ -64,6 +64,10 @@ export default function Post({
   ownerEmail,
 }) {
   const { user } = useContext(UserContext); // Destructure user from context
+  const userEmail = user && user.length > 0 ? user[0].email : null;
+
+  // console.log("Owner Email:", ownerEmail); // Log ownerEmail to verify in the browser console
+  console.log("User email:", userEmail); // Log user to verify in the browser console
 
   const handleDelete = async () => {
     try {
@@ -75,7 +79,7 @@ export default function Post({
     }
   };
 
-  const isPostOwner = user && user.email === ownerEmail;
+  const isPostOwner = user && userEmail === ownerEmail;
 
   return (
     <div style={PostStyle}>