text: import React, { useState } from 'react';
  import './App.css';
  import 'bootstrap/dist/css/bootstrap.min.css';
  import { BrowserRouter as Router, Route, Switch, Link } from "react-router-dom";
  import ProtectedRoute from './components/ProtectedRoute';
  import Unauthorized from './components/Unauthorized';
  import { Redirect } from 'react-router';
  import { setContext } from '@apollo/client/link/context';
  // import { Nav, Footer, Home, Map, User, Login } from "./components";
  import { ApolloClient, ApolloProvider, createHttpLink, InMemoryCache } from '@apollo/client';
  import Nav from "./components/Nav";
  import Footer from "./components/Footer";
  import Login from "./components/login.component";
  import SignUp from "./pages/Signup";
  import SignUpC from "./components/signup.component";
  import DelUser from "./components/deluser.component";
  import UpdateUser from "./components/updateuser.component";
  import Home from "./pages/Home";
  //import Auth from '../src/utils/auth';
  
  const httpLink = createHttpLink({
    uri: '/graphql',
  });
  
  const authLink = setContext((_, { headers }) => {
    
    const token = localStorage.getItem('id_token');
    return {
  
      headers: {
        ...headers,
        authorization: token ? `Bearer ${token}` : '',
      },
  
    };
  });
  
  const client = new ApolloClient({
    link: authLink.concat(httpLink),
    cache: new InMemoryCache(),
  });
  
  function App() {
  
    return (
     <ApolloProvider client={client}>
        <Router>
          <div className="flex-column justify-flex-start min-100-vh">
  
            <div className="container">
              
              <Route exact path="/login">
                <Login />
              </Route>
              <Route exact path="/signup">
                <SignUpC />
              </Route>
              <Route exact path="/">
                <Home />
              </Route>
              <Route exact path="/deluser">
                  <DelUser />
              </Route>
              <Route exact path="/updateuser">
                  <UpdateUser />
              </Route>
            </div>
            <Footer />
          </div>
        </Router>
      </ApolloProvider>
    );
  }
  
  export default App;
  
  
  