Greg 70 user context

Legge til en userContext som kan brukes av alle komponenter under <UserProvider> En kan nå få opp brukeren som er logger inn med en egen hook.

import { useUserContext } from 'contexts'
const { user } = useUserContext()

user.auth gir deg om bruker er logger inn eller ikke.

Denne konteksten er også bruke til å lage en react-router-dom <ProtectedRoute> komponent. Merk at "Protected" her bare betyr bare at vi ikke lar bruker rendre sider som krever innlogging. Det er ingenting som hindrer bruker i å overstyre dette selv. Selve beskyttelsen av dataen ligger på endepunktet i backend.

import ProtectedRoute from 'components/protectedRoute'
   
<ProtectedRoute path="/sponsor">
  <Komponent som krever auth />
</ProtectedRoute>