Made the Driver dashboard respond to requests at realtime

2 files changed, 10 insertions, 6 deletions

diff --git a/driver/src/pages/Home.tsx b/driver/src/pages/Home.tsx
index 37727e7..bd003b6 100644
--- a/driver/src/pages/Home.tsx
+++ b/driver/src/pages/Home.tsx
@@ -9,6 +9,7 @@ import { Toaster } from "@/components/ui/toaster"
 import { useEffect, useState } from "react"
 import { Navigate } from "react-router-dom"
 import { fetchRideRequests } from "@/utils/fetchRideRequests"
+import { collection, onSnapshot } from "firebase/firestore"
 
 interface IDriver {
   uid: string,
@@ -93,12 +94,19 @@ export default function Home() {
     async function fetchData() {
       const data: IDriver | null | undefined = await fetchUserDetails(user?.uid);
       const rideReqs = await fetchRideRequests()
-      console.log("RideRequests:", rideReqs)
       setDriverData(data)
       setRideRequests(rideReqs)
-      console.log("Length: ", rideRequests?.length)
     }
     fetchData()
+    // Firestore real-time listener for changes
+    const unsubscribe = onSnapshot(collection(db, "RideRequest"), () => {
+      // Call fetchData when changes occur in the specified collection
+      fetchData();
+    });
+
+    return () => {
+      unsubscribe()
+    }
   }, [auth.currentUser, db]);
 
   return (
@@ -117,7 +125,6 @@ export default function Home() {
             <div className="flex gap-4 items-center">
               <Button onClick={
                 () => {
-                  console.log("Loging out")
                   setIsLoggedIn(false)
                   auth.signOut()
                 }
diff --git a/driver/src/pages/LandingPage.tsx b/driver/src/pages/LandingPage.tsx
index ec8b364..110fe14 100644
--- a/driver/src/pages/LandingPage.tsx
+++ b/driver/src/pages/LandingPage.tsx
@@ -4,9 +4,6 @@ import { Navigate, redirect } from "react-router-dom";
 import { Badge } from "@/components/ui/badge"
 
 export default function LandingPage() {
-  if (true) {
-    return <Navigate to="/signup" />
-  }
   return (
     <main key="1" className="bg-black min-h-screen px-4 py-8 md:px-16 lg:px-24">
       <header className="flex justify-between items-center mb-8">