-
- 
+
+ 
-
@@ -92,20 +128,3 @@ function HighlightedDish() {
}
export default HighlightedDish
-
-// container center grid
-
- // const signUp = async () =>{
- // try{
- // await createUserWithEmailAndPassword(auth, email, password)} catch(err){
- // console.error(err)
- // }
- // }
- // const signIn = async () =>{
- // if (!isSigningIn)
- // try{
- // setIsSigningIn(true)
- // await signInWithEmailAndPassword(auth, email, password)} catch(err){
- // console.error(err)
- // }
- // }
\ No newline at end of file
diff --git a/src/Components/RestaurantDetails.jsx b/src/Components/RestaurantDetails.jsx
new file mode 100644
index 0000000..8048e15
--- /dev/null
+++ b/src/Components/RestaurantDetails.jsx
@@ -0,0 +1,64 @@
+import React, { useEffect , useState} from 'react'
+import { useParams } from 'react-router-dom'
+// import { Dishes } from '../API/Dishes'
+import restaurantImage from '../Assets/cropped-restaurant.jpeg'
+import { Rating } from '@mui/material'
+import ImageSlider from '../Components/ImageSlider'
+import Reviews from '../Components/Reviews'
+import RestaurantMap from '../Components/RestaurantMap'
+import { getDoc , collection, doc as firestoreDoc, getDocs} from 'firebase/firestore'
+import { db } from '../config/firebase'
+
+function RestaurantDetails() {
+
+ const { restaurantID } = useParams();
+ const [thisRestaurant, setThisRestaurant] = useState(null);
+ const [loading, setLoading] = useState(true);
+
+ useEffect(() => {
+ const fetchRestaurant = async () => {
+ try {
+ const restaurantRef = firestoreDoc(db, 'restaurants', restaurantID);
+ const restaurantDoc = await getDoc(restaurantRef);
+ const reviewsRef = collection(db, 'restaurants', restaurantID, 'reviews')
+ const reviewDoc = await getDoc(restaurantRef);
+ const menuItemRef = collection (db, 'restaurants', restaurantID, 'menu-items')
+ setThisRestaurant(restaurantDoc.data(), );
+ } catch (err) {
+ console.error(err);
+ } finally {
+ setLoading(false);
+ }
+ };
+ fetchRestaurant();
+ }, [restaurantID]);
+
+ if (loading) {
+ return
-
{dish.name}
{/*{dish.restaurant}
+{dish.restaurantData.name}
-
-
+
48 reviews
+{dish.counts} reviews
Loading...
;
+ }
+
+ if (!thisRestaurant) {
+ return Restaurant not found
;
+ }
+
+ return (
+
+ 
+
+ )
+ }
+
+ export default RestaurantDetails
\ No newline at end of file
diff --git a/src/Pages/LoginPage.jsx b/src/Pages/LoginPage.jsx
index 19e2b4f..8fb5389 100644
--- a/src/Pages/LoginPage.jsx
+++ b/src/Pages/LoginPage.jsx
@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react'
+import React, { useState } from 'react'
import Auth from '../Components/Auth'
import { db } from '../config/firebase'
-import { getDocs , collection, addDoc} from 'firebase/firestore'
+import { collection, addDoc} from 'firebase/firestore'
import AppLayout from '../Components/AppLayout'
-import firebase from 'firebase/compat/app'
+// import firebase from 'firebase/compat/app'
import { serverTimestamp } from 'firebase/firestore'
diff --git a/src/Pages/RestaurantPage.jsx b/src/Pages/RestaurantPage.jsx
index 863173d..a7e4a7d 100644
--- a/src/Pages/RestaurantPage.jsx
+++ b/src/Pages/RestaurantPage.jsx
@@ -1,42 +1,14 @@
-import React from 'react'
-import Header from '../Components/Header'
-import NavBar from '../Components/NavBar'
-import { useParams } from 'react-router-dom'
-import { Dishes } from '../API/Dishes'
-import restaurantImage from '../Assets/cropped-restaurant.jpeg'
-import { Rating } from '@mui/material'
-import ImageSlider from '../Components/ImageSlider'
-import Reviews from '../Components/Reviews'
-import RestaurantMap from '../Components/RestaurantMap'
+import React, { useEffect , useState} from 'react'
+import RestaurantDetails from '../Components/RestaurantDetails'
import AppLayout from '../Components/AppLayout'
+import { useParams } from 'react-router-dom'
function RestaurantPage() {
-
- const {id} = useParams();
- const thisRestaurant = Dishes.find (dish => dish.restaurant === id)
- if (!thisRestaurant) {
- return {thisRestaurant.name}
+{thisRestaurant.cuisine}
+
+
+
+ 48 reviews
+Featured Dishes
+
+
+
+ Restaurant not found
;
- }
-
+ const { restaurantID } = useParams();
return (
-
-
+ {thisRestaurant.restaurant}
-1km $$$ Mediterian Cuisine
-
-
-
- 48 reviews
-Featured Dishes
-
-
-
-