Page 336 - MDP2022-3

<ClassCard
creatorName={individualClass.creatorName}

creatorPhoto={individualClass.creatorPhoto}
name={individualClass.name}
id={individualClass.id}

style={{ marginRight: 30, marginBottom: 30 }}
/>

))}
</div>
)}

</div>
);
}

export default Dashboard;

import React, { useEffect } from "react";
import { useAuthState } from "react-firebase-hooks/auth";

import { useNavigate } from "react-router-dom";
import { auth, signInWithGoogle } from "../firebase";

import "./Home.css";

function Home() {

const [user, loading, error] = useAuthState(auth);
const navigate = useNavigate();

useEffect(() => {
if (loading) return;

if (user) navigate("/dashboard");
}, [loading, user]);

import "./App.css";
import {

BrowserRouter,
BrowserRouter as Router,

Route,
Routes,
} from "react-router-dom";