App.js

import React from "react"
import Signup from "./Signup"
import { Container } from "react-bootstrap"
import { AuthProvider } from "../contexts/AuthContext"
import { BrowserRouter as Router, Switch, Route } from "react-router-dom"
import Dashboard from "./Creatkey"
import UpData from "./UpdateData"
import Login from "./Login"
import PrivateRoute from "./PrivateRoute"
import ForgotPassword from "./ForgotPassword"
import UpdateProfile from "./UpdateProfile"
import Profile from "./Profile"
import GerarValor from "./GeraValor"
import GenerationQRCode from "./QRCode"



function App() {
  return (
    
    <Container
      className="d-flex align-items-center justify-content-center "
      style={{ minHeight: "100vh" }} >
      <div className="p-3 mb-2 w-100" style={{ maxWidth: "400px" }}>
        <Router>
          <AuthProvider>
            <Switch>
              {<PrivateRoute exact path="/" component={Profile} />}
              <Route path="/profile" component={Profile} />
              <PrivateRoute path="/update-profile" component={UpdateProfile} />
              <Route path="/signup" component={Signup} />
              <Route path="/login" component={Login} />
              <Route path="/Creatkey" component={Dashboard} />
              <Route path="/forgot-password" component={ForgotPassword} />
              <Route path="/UpData" component={UpData} />
              <Route path="/GerarValor" component={GerarValor} />
              <Route path="/QRCode" component={GenerationQRCode} />
            </Switch>
          </AuthProvider>
        </Router>
        
      </div>
    </Container>
    
  )
}

export default App