asdasd

import "@fontsource/roboto/300.css";
import "@fontsource/roboto/400.css";
import "@fontsource/roboto/500.css";
import "@fontsource/roboto/700.css";
import {CssBaseline, Grid} from "@mui/material";
import {ThemeProvider} from "@mui/material/styles";
import {getAuth, signInWithEmailAndPassword} from "firebase/auth";
import {useEffect, useState} from "react";
import {BrowserRouter as Router, Route, Switch} from "react-router-dom";
import {AppTopBar} from "./components/AppTopBar/AppTopBar";
import {EditOffer} from "./components/EditOffer";
import {OfferDetails} from "./components/OfferDetails";
import {CreateOfferForm} from "./components/Trainer/CreateOfferForm";
import {getAllOffers} from "./services/offer.service";
import {Homepage} from "./pages/Homepage/Homepage";
import {RegisterForm} from "./components/User/RegisterForm";
import {IOffer} from "./typescript/interfaces";
import {mainTheme} from "./themes/mainTheme";
import {Footer} from "./components/Footer/Footer";
import {AuthContextProvider} from "./context/AuthContext";


function App() {

  const [offersData, setOffersData] = useState<Array<IOffer> | void>([]);

  // useEffect(() => {
  //   async function getOffersData() {
  //     // let getOffersData = await getAllOffers();
  //     // setOffersData(getOffersData);
  //     await signInWithEmailAndPassword(
  //       getAuth(),
  //       "adye47@hotmail.com",
  //       "adye47@hotmail.com"
  //     ).then((res) =>
  //       res.user
  //         .getIdToken()
  //         .then((data) =>
  //           getAllOffers().then((data) => setOffersData(data))
  //         )
  //     );
  //   }

  //   getOffersData();
  // }, []);
  return (
    <AuthContextProvider>
      <ThemeProvider theme={mainTheme}>
        <Router>
          <div className="App">
            <CssBaseline/>


            <Grid container style={{minWidth: '99vw', justifyContent: 'center'}}>
              <Grid item xs={11} md={11} lg={8}>
                <AppTopBar/>
              </Grid>
            </Grid>

            <Grid item container xs={12} direction={"row"}>
              <Switch>
                <Route
                  exact
                  path="/"
                  render={(props) => (
                    <Homepage/>
                    // <OffersList {...props} offers={offersData} />
                  )}
                />
                <Route path="/edit-offer" component={EditOffer}/>
                <Route path="/offer-details" component={OfferDetails}/>
                <Route path="/add-offer" component={CreateOfferForm}/>
                <Route path="/register" component={RegisterForm}/>
              </Switch>
              <Footer/>
            </Grid>
          </div>
        </Router>
      </ThemeProvider>
    </AuthContextProvider>
  );
}

export default App;