nikhitabarat / whatsapp-clone Goto Github PK

import { initializeApp } from "firebase/app";
import { getFirestore, collection, getDocs } from "firebase/firestore";
import { getAuth, GoogleAuthProvider } from 'firebase/auth'
const firebaseConfig = {
     ....
  };

  const app = initializeApp(firebaseConfig);
  const db = getFirestore(app);
  const auth = getAuth(app);
  const provider = new GoogleAuthProvider();

  export { auth, provider };
  export default db;

    useEffect(() => {
        db.collection('rooms'.onSnapshot((snapshot) =>
            setRooms(
                snapshot.docs.map((doc) => ({
                id: doc.id,
                data: doc.data(),
            }))
            )
        ));
    }, []);    

...
import db from './firebase'
import { collection, getDocs, addDoc } from "firebase/firestore"; 
...
..

    useEffect(() => {
        const addRoom = async () => {
            const query = await getDocs(collection(db, "room"))
            console.log(query)
            setRooms(
                query.map((doc) => ({
                    id: doc.id,
                    data: doc.data
                }))
            )
        }
        addRoom()
    }, [])