15 files changed, 26 insertions, 11 deletions
diff --git a/src/App.tsx b/src/App.tsx
index 11540b1..27fc180 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { Outlet } from 'react-router-dom';
 import CssBaseline from '@mui/material/CssBaseline';
 import NavBar from './components/NavBar';
diff --git a/src/ThemeContextProvider.tsx b/src/ThemeContextProvider.tsx
index dc3cb89..87b401a 100644
--- a/src/ThemeContextProvider.tsx
+++ b/src/ThemeContextProvider.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { ReactNode, createContext, useMemo, useState } from 'react';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import useMediaQuery from '@mui/material/useMediaQuery';
diff --git a/src/apiSlice.ts b/src/apiSlice.ts
index f337fdd..3305dbf 100644
--- a/src/apiSlice.ts
+++ b/src/apiSlice.ts
@@ -1,5 +1,5 @@
 import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
-import { RootState } from './store';
+import type { RootState } from './store';
 
 export interface LoginRequest {
   firstName: string;
diff --git a/src/components/Admin.tsx b/src/components/Admin.tsx
index a3da3fa..1c941a5 100644
--- a/src/components/Admin.tsx
+++ b/src/components/Admin.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { useGetGuestsQuery } from '../apiSlice';
 
 function Admin() {
diff --git a/src/components/Desktop.tsx b/src/components/Desktop.tsx
index 983c929..72b583d 100644
--- a/src/components/Desktop.tsx
+++ b/src/components/Desktop.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { useContext } from 'react';
 import { Link } from 'react-router-dom';
 import { Button, IconButton } from '@mui/material';
diff --git a/src/components/Home.tsx b/src/components/Home.tsx
index 4d4428a..839667a 100644
--- a/src/components/Home.tsx
+++ b/src/components/Home.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { useEffect, useRef, useState } from 'react';
 import './active.css';
 
diff --git a/src/components/Mobile.tsx b/src/components/Mobile.tsx
index f5502c0..7d790e1 100644
--- a/src/components/Mobile.tsx
+++ b/src/components/Mobile.tsx
@@ -1,6 +1,6 @@
-import { useContext } from 'react';
+import React from 'react';
+import { useContext, useState } from 'react';
 import { Link } from 'react-router-dom';
-import { useState } from 'react';
 import { Button, IconButton, Menu, MenuItem } from '@mui/material';
 import DarkModeIcon from '@mui/icons-material/DarkMode';
 import LightModeIcon from '@mui/icons-material/LightMode';
diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
index f050d7a..677828b 100644
--- a/src/components/NavBar.tsx
+++ b/src/components/NavBar.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { Link } from 'react-router-dom';
 import { AppBar, Toolbar, Typography } from '@mui/material';
 import useMediaQuery from '@mui/material/useMediaQuery';
diff --git a/src/components/Registry.tsx b/src/components/Registry.tsx
index 7319560..60a73f9 100644
--- a/src/components/Registry.tsx
+++ b/src/components/Registry.tsx
@@ -1,3 +1,5 @@
+import React from 'react';
+
 function Registry() {
   return (
     <>
diff --git a/src/components/Rsvp.tsx b/src/components/Rsvp.tsx
index 104196f..dad7213 100644
--- a/src/components/Rsvp.tsx
+++ b/src/components/Rsvp.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { useMemo } from 'react';
 import { useLocation, Navigate, Outlet } from 'react-router-dom';
 import { useSelector } from 'react-redux';
diff --git a/src/components/RsvpForm.tsx b/src/components/RsvpForm.tsx
index a6e7036..b9dd991 100644
--- a/src/components/RsvpForm.tsx
+++ b/src/components/RsvpForm.tsx
@@ -1,3 +1,6 @@
+import React from 'react';
+import { useRef } from 'react';
+import { useOutletContext } from 'react-router-dom';
 import {
   Button,
   Container,
@@ -10,9 +13,8 @@ import {
   TextField,
 } from '@mui/material';
 import { useForm, Controller, useFieldArray } from 'react-hook-form';
-import { useOutletContext } from 'react-router-dom';
-import { useUpdateGuestMutation, Guest } from '../apiSlice';
-import { useRef } from 'react';
+import { useUpdateGuestMutation } from '../apiSlice';
+import type { Guest } from '../apiSlice';
 
 type FormValues = {
   id: number;
diff --git a/src/components/Schedule.tsx b/src/components/Schedule.tsx
index ef72769..08b10e2 100644
--- a/src/components/Schedule.tsx
+++ b/src/components/Schedule.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { Container, Paper } from '@mui/material';
 import PlaceIcon from '@mui/icons-material/Place';
 
@@ -6,8 +7,7 @@ function Schedule() {
     <Container
       maxWidth="md"
       style={{
-        height: '80vh',
-        marginTop: 80,
+        top: '1800',
         display: 'flex',
         justifyContent: 'center',
       }}
diff --git a/src/features/auth/GuestLogin.tsx b/src/features/auth/GuestLogin.tsx
index 94bad05..4da7e45 100644
--- a/src/features/auth/GuestLogin.tsx
+++ b/src/features/auth/GuestLogin.tsx
@@ -1,9 +1,11 @@
+import React from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useDispatch } from 'react-redux';
 import { Button, Container, TextField, Typography } from '@mui/material';
 import { useForm } from 'react-hook-form';
 import { setCredentials } from './authSlice';
-import { useLoginMutation, LoginRequest } from '../../apiSlice';
+import { useLoginMutation } from '../../apiSlice';
+import type { LoginRequest } from '../../apiSlice';
 
 function GuestLogin() {
   const dispatch = useDispatch();
diff --git a/src/features/auth/authSlice.ts b/src/features/auth/authSlice.ts
index 34ede58..5eccd65 100644
--- a/src/features/auth/authSlice.ts
+++ b/src/features/auth/authSlice.ts
@@ -1,6 +1,6 @@
 import { createSlice } from '@reduxjs/toolkit';
 import type { RootState } from '../../store';
-import { Guest } from '../../apiSlice';
+import type { Guest } from '../../apiSlice';
 
 type AuthState = {
   guest: Guest | null;
diff --git a/src/main.css b/src/main.css
index 13ce153..59456cc 100644
--- a/src/main.css
+++ b/src/main.css
@@ -1,3 +1,5 @@
-#body {
+#root, body {
+  height: 100vh;
+  width: 100vw;
   margin: 0
 }