postagens sendo exibidas com printar post

src/lib/firebase.js

@@ -38,6 +38,7 @@ export function redefinirSenha(email) {
 
 export async function adicionarPost(username, conteudo) {
   try {
+
     const docRef = await addDoc(collection(db, "posts"), {
       username: auth.currentUser.displayName,
       uid: auth.currentUser.uid,
@@ -52,17 +53,22 @@ export async function adicionarPost(username, conteudo) {
 
 export async function exibirPosts() {
   try {
-  const feedElement = document.querySelector('.post');
-  const querySnapshot = await getDocs(collection(db, "posts"));
-  querySnapshot.forEach((doc) => {
-    const post = doc.data();
-    const postElement= document.createElement('div');
-    postElement.innerHTML = `<h2>${post.username}</h2>
-    <p>${post.conteudo}</p>`;
-    feedElement.appendChild(postElement);
-    console.log(`teste1 ${doc.id} => ${doc.data()}`);
-  });
-} catch (error) {
-  console.error('erro ao obter os posts', error);
-}
+    const querySnapshot = await getDocs(collection(db, "posts"));
+    const feedElement = document.querySelector('.post');
+    feedElement.innerHTML = '';
+    const array = [];
+    querySnapshot.forEach((doc) => {
+      //   const post = doc.data();
+      //   const postElement = document.createElement('div');
+      //   postElement.innerHTML = `<h2>${post.username}</h2>
+      // <p>${post.conteudo}</p>
+      // <hr>`;
+      //   feedElement.appendChild(postElement);
+      array.push(doc.data());
+      // console.log(`${doc.id} => ${doc.data()}`);
+    });
+    return array;
+  } catch (error) {
+    console.error('erro ao obter os posts', error);
+  }
 };

src/pages/cadastro/cadastro.js

@@ -48,15 +48,15 @@ export default () => {
 
   checkBtn.addEventListener('change', mostrarSenha);
 
+  const mensagemFormatada = document.createElement('p');
+
   botaoCadastrar.addEventListener('click', (event) => {
     event.preventDefault();
     const emailDoUsuario = inputEmail.value;
     const senhaDoUsuario = inputSenha.value;
     const nomeDoUsuario = inputNome.value;
     const caixaDeTexto = container.querySelector('#caixaDeTexto');
 
-    const mensagemFormatada = document.createElement('p');
-
     function exibirErro(errorCode) {
       const mensagemErroDiv = document.getElementById('mensagemErro');
       mensagemFormatada.textContent = `${errorCode}`;

src/pages/feed/feed.css

@@ -75,6 +75,7 @@
     z-index: 2;
     position: fixed;
     width: 100vw;
+    display: none;
 }
 
 .lista-menu-mobile > li {

src/pages/feed/feed.js

@@ -92,15 +92,41 @@ export default () => {
 
   const btnPublicar = container.querySelector('#btn-publicar');
   const textarea = container.querySelector('#story');
-  const post = container.querySelector('.post');
+  const textareaVal = textarea.value;
+  console.log(textareaVal);
+
+  // document.addEventListener('load', exibirPosts);
+  exibirPosts() // pega todos os docs ja criados e exibe na tela, como uma array de objetos // se os dados do post forem pegos, printa o post na tela.
+    .then((array) => {
+      printarPost(username, textareaVal);
+      console.log(array);
+      return array;
+    });
+
+  function printarPost(username, conteudo) { // cria um elemento div, adiciona no elemento div um h2 e p, adiciona esse conjunto
+    const postElement = document.createElement('div'); // dentro da div post e exibe na tela
+    postElement.innerHTML = `
+    <h2>${username}</h2>
+    <p>${conteudo}</p>
+    <hr>
+  `;
+    const feedElement = document.querySelector('.post');
+    feedElement.appendChild(postElement);
+  }
 
   btnPublicar.addEventListener('click', () => {
-    const conteudoDoPost = document.createElement('p');
-    conteudoDoPost.textContent = textarea.value;
-    post.appendChild(conteudoDoPost);
-    adicionarPost(username, conteudoDoPost.textContent);
+    // const conteudoDoPost = document.createElement('p');
+    // conteudoDoPost.textContent = textarea.value;
+    // post.appendChild(conteudoDoPost);
+    const texto = textarea.value;
+    adicionarPost(username, texto) // cria uma collection com username e texto. se o doc for criado com sucesso, printa o post na tela
+
+      .then((banana) => {
+        printarPost(username, texto);
+        console.log(banana);
+      })
+    // salvarPost(username, conteudoDoPost.textContent);
     textarea.value = '';
-    window.onload = exibirPosts();
   })
 
   return container;

src/pages/login/login.js

@@ -52,12 +52,13 @@ export default () => {
     window.location.hash = '#redefinir-senha';
   });
 
+  const mensagemFormatada = document.createElement('p');
+
   botaoEntrar.addEventListener('click', (event) => {
     event.preventDefault();
     const emailDoUsuario = inputEmail.value;
     const senhaDoUsuario = inputSenha.value;
 
-    const mensagemFormatada = document.createElement('p');
 
     function exibirErro(errorCode) {
       const mensagemErroDiv = document.getElementById('mensagemErro');