added auth provider to frontend

frontend/src/App.tsx

@@ -1,11 +1,14 @@
 import React from 'react';
 import './App.css';
+import {AuthProvider} from "./auth/AuthProvider";
 
 function App() {
   return (
-    <div className="App">
-      <h1>Hi</h1>
-    </div>
+    <AuthProvider>
+        <div className="App">
+            <h1>Hi</h1>
+        </div>
+    </AuthProvider>
   );
 }
 

frontend/src/auth/AuthProvider.tsx

@@ -0,0 +1,36 @@
+import React, {FunctionComponent, useContext, useState} from "react";
+
+type AuthState = {
+    loggedIn: boolean
+
+    login: (username: string, password: string) => Promise<string>
+}
+
+const emptyAuthState = {
+    loggedIn: false,
+
+    login: async () => "not implemented"
+}
+
+const AuthContext = React.createContext<AuthState>(emptyAuthState)
+
+export const useAuth = () => {
+    return useContext(AuthContext)
+}
+
+type AuthProviderProps = {
+}
+
+export const AuthProvider: FunctionComponent<AuthProviderProps> = ({children}) => {
+    const defaultAuthState = {
+        ...emptyAuthState
+    }
+
+    const [authState, setAuthState] = useState<AuthState>(defaultAuthState)
+
+    return (
+        <AuthContext.Provider value={authState}>
+            {children}
+        </AuthContext.Provider>
+    )
+}