use client from pocketbase localstorage

frontend/src/App.js

@@ -4,19 +4,24 @@ import Auth from "./auth/pocketbase";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import Dashboard from "./Dashboard/Dashboard";
 import Preferences from "./Preferences/Preferences";
+import PocketBase from "pocketbase";
+
 function App() {
   const [token, setToken] = useState();
   console.log(token);
-  if (!token) {
-    return <Auth setToken={setToken} />;
+  const client = new PocketBase("http://localhost:8090");
+  console.log(client.AuthStore.isValid);
+  console.log(client.AuthStore.model.email);
+  if (!client.AuthStore.isValid) {
+    return <Auth client={client} />;
   }
   return (
     <div className="wrapper">
       <h1>Application</h1>
       <BrowserRouter>
         <Routes>
           {/* <Route path="/" element={<App />} /> */}
-          <Route path="dashboard" element={<Dashboard />} />
+          <Route path="dashboard" element={<Dashboard client={client} />} />
           <Route path="preferences" element={<Preferences />} />
         </Routes>
       </BrowserRouter>

frontend/src/Dashboard/Dashboard.js

@@ -1,5 +1,6 @@
 import React from "react";
 
-export default function Dashboard() {
-  return <h2>Dashboard</h2>;
+export default function Dashboard({ client }) {
+  console.log(client);
+  return <h2>Dashboard {client.AuthStore.model.email}</h2>;
 }

frontend/src/auth/pocketbase.js

@@ -1,21 +1,13 @@
 import React, { useState } from "react";
-import PocketBase from "pocketbase";
 import PropTypes from "prop-types";
-// const client = new PocketBase("http://localhost:8090");
-
-// const userData = client.Users.authViaEmail("[email protected]", "12345678");
-// console.log(userData);
-
-export default function Auth({ setToken }) {
+export default function Auth({ client }) {
   const [username, setUserName] = useState();
   const [password, setPassword] = useState();
 
   const handleSubmit = async (e) => {
-    const client = new PocketBase("http://localhost:8090");
     e.preventDefault();
     const userData = await client.Users.authViaEmail(username, password);
     console.log(userData);
-    setToken(userData.token);
   };
   return (
     <div className="login-wrapper">
@@ -41,5 +33,5 @@ export default function Auth({ setToken }) {
 }
 
 Auth.propTypes = {
-  setToken: PropTypes.func.isRequired,
+  client: PropTypes.any.isRequired,
 };