added dark streamline logo, minor styling adjustments

src/device/SyncDevice.tsx

@@ -50,7 +50,10 @@ export default function SyncDevice(props: Props) {
         console.error(err);
         error("Unable to resync device");
         close();
-      });
+      })
+      .finally(() => {
+        close()
+      })
   };
 
   return (

src/pages/SignupCallback.tsx

@@ -1,4 +1,4 @@
-import { useDeviceAPI, useUserAPI } from "hooks";
+import { useDeviceAPI, useMobile, useUserAPI } from "hooks";
 import PageContainer from "./PageContainer";
 import { useEffect, useState } from "react";
 import { Button, CircularProgress, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider } from "@mui/material";
@@ -15,6 +15,7 @@ export default function SignupCallback (props: Props) {
   const teamAPI = useTeamAPI()
   const deviceAPI = useDeviceAPI();
   const binAPI = useBinAPI();
+  const isMobile = useMobile()
   const [loading, setLoading] = useState(false)
   const [signupDialogOpen, setSignupDialogOpen] = useState(true)
   const [hasTeams, setHasTeams] = useState(false)
@@ -25,14 +26,9 @@ export default function SignupCallback (props: Props) {
   const [doneTeams, setDoneTeams] = useState(false)
   const [doneDevices, setDoneDevices] = useState(false)
 
-  useEffect(() => {
-    console.log(hasTeams)
-  }, [hasTeams]) 
-
   useEffect(() => {
     setLoading(true)
     userAPI.completeSignup().then(resp => {
-      console.log(resp)
       teamAPI.listTeams(1, 0).then(resp => {
         setHasTeams(resp.data.teams.length > 0)
       }).finally(() => setDoneTeams(true))
@@ -68,7 +64,7 @@ export default function SignupCallback (props: Props) {
 
   return (
     <PageContainer spacing={1}>
-      <Dialog open={signupDialogOpen} >
+      <Dialog open={signupDialogOpen} fullScreen={isMobile} >
         <DialogTitle>
           Finishing Signup
         </DialogTitle>