From 7548ea4a61b33b8d958021128004ee9dfb26cba7 Mon Sep 17 00:00:00 2001
From: tony-tvu <Tony.T.Vu@outlook.com>
Date: Mon, 16 May 2022 16:28:52 -0500
Subject: [PATCH] convert file to typescript

---
 web/src/app/main/{App.js => App.tsx} | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)
 rename web/src/app/main/{App.js => App.tsx} (97%)

diff --git a/web/src/app/main/App.js b/web/src/app/main/App.tsx
similarity index 97%
rename from web/src/app/main/App.js
rename to web/src/app/main/App.tsx
index 7c805a3cc7..d58a4f938e 100644
--- a/web/src/app/main/App.js
+++ b/web/src/app/main/App.tsx
@@ -23,8 +23,9 @@ import makeStyles from '@mui/styles/makeStyles'
 import { useIsWidthDown } from '../util/useWidth'
 import { isIOS } from '../util/browsers'
 import UserSettingsPopover from './components/UserSettingsPopover'
+import { Theme } from '@mui/material/styles'
 
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles((theme: Theme) => ({
   root: {
     flexGrow: 1,
     zIndex: 1,
@@ -50,7 +51,7 @@ const useStyles = makeStyles((theme) => ({
   },
 }))
 
-export default function App() {
+export default function App(): JSX.Element {
   const classes = useStyles()
   const location = useLocation()
   const [showMobile, setShowMobile] = useState(false)