Revert 11 firestore a

src/components/Wall.js

@@ -1,6 +1,6 @@
 import { logOut } from '../firebase/auth.js';
 import { MakePost } from './MakePost.js';
-import { getPost } from '../firebase/post.js';
+import { getPost, deletePost } from '../firebase/post.js';
 
 export const Wall = () => {
   const div = document.createElement('div');
@@ -32,9 +32,17 @@ export const Wall = () => {
       const contenidoPost = document.createElement('p');
       contenidoPost.textContent = post.mensaje;
       contenidoPost.classList = 'contenidoPost';
+      containerPosts.classList = 'cajadecontenido'; // div
+      post.classList = 'post';
       console.log(post);
 
-      containerPosts.append(contenidoPost);
+      const buttonDelete = document.createElement('button');
+      buttonDelete.textContent = 'Borrar';
+      buttonDelete.classList = 'buttonDelete';
+      buttonDelete.addEventListener('click', async () => {
+        await deletePost(doc.id);
+      });
+      containerPosts.append(contenidoPost, buttonDelete);
     });
   });
 

src/firebase/post.js

@@ -1,34 +1,33 @@
 import {
-  collection, onSnapshot, addDoc, getFirestore,
+  collection, onSnapshot, addDoc, getFirestore, deleteDoc, doc,
 } from 'https://www.gstatic.com/firebasejs/9.9.4/firebase-firestore.js';
-import { app } from './config.js';
 
 import {
   getAuth, onAuthStateChanged,
 } from 'https://www.gstatic.com/firebasejs/9.9.4/firebase-auth.js';
 
-const auth = getAuth(app);
+import { app } from './config.js';
 
+const auth = getAuth(app);
 
 const db = getFirestore(app);
-let uid = "";
+let uid = '';
 
 onAuthStateChanged(auth, (user) => {
   if (user) {
-     uid = user.uid;
-    //console.log(uid);
+    uid = user.uid;
+    // console.log(uid);
     // ...
   } else {
   }
 });
 
-
 export const savePost = async (textPost) => {
   const docRef = await addDoc(collection(db, 'post'), {
     mensaje: textPost,
     uid,
   });
-  //console.log('Document written with ID: ', docRef.id);
+  // console.log('Document written with ID: ', docRef.id);
 };
 // firestore es una base de datos no relacional
 //
@@ -39,6 +38,9 @@ export const getPost = (callback) => {
   );
 };
 
+export const deletePost = async (id) => {
+  await deleteDoc(doc(db, 'post', id));
+};
 // todo lo del CRUD aquí
 
-//export const getPost = (callback) => onSnapshot (collection(db,'post'), callback);
+// export const getPost = (callback) => onSnapshot (collection(db,'post'), callback);

src/style.css

@@ -506,7 +506,7 @@ border-radius: 8px;
 .contenidoPost{
     display: flex;
     background: #151419;
-margin-top: 50px;
+    flex-direction: column;
     margin: 15px;
     padding: 10px;
     border-radius: 15px;
@@ -515,6 +515,24 @@ margin-top: 50px;
 color: #FFFFFF;
 }
 
+.cajadecontenido{
+    position: absolute;
+    margin-top:  220px;
+    margin-left: 15px;
+    width: 100%;
+    height: 100%;
+
+}
+
+.post{
+    display: flex;
+    padding: 23px;
+        width: 270px;
+        margin-top: 20px;
+        margin-left: 2px;
+
+}
+
 .welcome{
 
     position: absolute;