1import React from "react";
2import "./App.css";
3import { Routes, Route} from "react-router-dom";
4import { BrowserRouter} from "react-router-dom";
5import { Toolbar } from "./components/Toolbar/Toolbar";
6import { Project } from "./components/Projects/Project";
7import { Home } from "./components/Home/Home";
8import { useAuthUser } from "@react-query-firebase/auth";
9import { auth } from "./firebase/firebaseConfig";
10import { Login } from "./components/auth/Login";
11import { ProtectedRoute } from "./components/auth/PrivateRoutes";
12
13function App() {
14const user= {}
15 return (
16    <div className="h-screen w-screen overflow-x-hidden ">
17      <BrowserRouter>
18        <div className="fixed top-[0px] right-1 w-full z-30">
19          <Toolbar user={user} />
20        </div>
21        <div className="w-full h-full mt-16 ">
22          <Routes>
23            <Route
24              path="/"
25              element={
26                <ProtectedRoute user={user}>
27                  <Home />
28                </ProtectedRoute>
29              }
30            />
31
32            <Route
33              path="/project"
34              element={
35                <ProtectedRoute user={user}>
36                  <Project />
37                </ProtectedRoute>
38              }
39            />
40            {/* @ts-ignore */}
41            <Route path="/login" element={<Login user={user} />} />
42          </Routes>
43        </div>
44      </BrowserRouter>
45    </div>
46  );
47}
48
49export default App;

1import { initializeApp } from "firebase/app";
2import { getAuth} from "firebase/auth";
3
4
5const firebaseConfig = {
6//your firebase app credentials go here
7  };
8
9const app = initializeApp(firebaseConfig);
10
11export const provider = new GoogleAuthProvider();
12export const auth = getAuth(app)

1  const query = useAuthUser("user", auth);
2  const user = query.data;
3  if (query.isFetching) {
4return <div className="w-full h-full flex-center ">Loading...</div>;
5  }
6

1import { GoogleAuthProvider, signInWithRedirect } from "firebase/auth";
2import { auth} from "../../firebase/firebaseConfig";
3
4const provider = new GoogleAuthProvider();
5provider.addScope('https://mail.google.com/');
6export const loginUser= () => {
7signInWithRedirect(auth, provider)
8.then((result:any) => {
9console.log("sign in successful result  === ",result)
10// The signed-in user info.
11    const user = result.user;
12  }).catch((error) => {
13// Handle Errors here.
14console.log("sign in error  === ",error)
15
16 });
17
18
19
20}