tag stuff

src/app/UserWrapper.tsx

@@ -10,6 +10,7 @@ import { User } from '../models/user'
 import { Team } from '../models/team'
 import { makeStyles } from '@mui/styles'
 import { Theme } from '@mui/material'
+import FirmwareLoader from './FirmwareLoader'
 
 const reducer = (state: GlobalState, action: GlobalStateAction): GlobalState => {
   return {
@@ -45,7 +46,8 @@ const globalDefault = {
   as: "",
   showErrors: false,
   userTeamPermissions: [],
-  backgroundTasksComplete: false
+  backgroundTasksComplete: false,
+  firmware: new Map()
 }
 
 interface Props {
@@ -68,15 +70,14 @@ export default function UserWrapper(props: Props) {
     if (hasFetched.current) return;
     setLoading(true)
     userAPI.getUserWithTeam(user_id).then(resp => {
-      // console.log(resp.data.team)
-      // console.log(resp.data.user)
       setGlobal({
         user: resp.data.user ? User.create(resp.data.user) : User.create(),
         team: resp.data.team ? Team.create(resp.data.team) : Team.create(),
         as: "",
         showErrors: false,
         userTeamPermissions: [],
-        backgroundTasksComplete: false
+        backgroundTasksComplete: false,
+        firmware: new Map()
       })
     }).catch(() => {
       setGlobal(globalDefault)
@@ -98,9 +99,11 @@ export default function UserWrapper(props: Props) {
 
   return (
     <StateProvider state={global} reducer={reducer}>
-      <main className={classes.appContent}>
-        <NavigationContainer toggleTheme={toggleTheme} />
-      </main>
+      <FirmwareLoader>
+        <main className={classes.appContent}>
+          <NavigationContainer toggleTheme={toggleTheme} />
+        </main>
+      </FirmwareLoader>
     </StateProvider>
   )
 }