Small style and catch conditions

ConnorsApps · Dec 30, 2023 · 593379f · 593379f
1 parent a3c0125
commit 593379f
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 4 deletions.
diff --git a/src/Home.js b/src/Home.js
@@ -21,7 +21,7 @@ const Home = () => {
             style={{ backgroundImage: `url(${theme.backgroundImage})` }}
         >
             <AppBar className='appBar' position="static">
-                <Toolbar variant="regular">
+                <Toolbar sx={{ paddingY: '.5rem' }} variant="regular">
                     <h1> {title ?? 'Snapcast Audio'} </h1>
                     <div className='rightOptions'>
                         {page === 'settings' && <theme.Selector

diff --git a/src/Home.scss b/src/Home.scss
@@ -22,8 +22,6 @@
             }
 
             .themeSelector {
-                margin-top: .5rem;
-
                 [role="button"] {
                     padding-top: .5rem;
                 }

diff --git a/src/utils/AppContext.js b/src/utils/AppContext.js
@@ -70,7 +70,12 @@ export const AppContextProvider = ({ children, theme }) => {
     }, [setIsLoading]);
 
     useEffect(() => {
-        connectToSnapcastServer(onMessage, setStatus);
+        try {
+            connectToSnapcastServer(onMessage, setStatus);
+        } catch (error) {
+            console.error(error);
+        }
+
     }, [onMessage, setStatus]);
 
     return (

diff --git a/src/utils/WebSocket.js b/src/utils/WebSocket.js
@@ -32,6 +32,11 @@ const getStatus = () => {
 
 export const connectToSnapcastServer = (onMessage, onStatus, retries = 0) => {
     let hasRetried = false;
+    if (!host) {
+        onStatus(WEBSOCKET_STATUS.failed);
+        console.error('REACT_APP_SNAPCAST_HOST is required!');
+        return;
+    }
 
     const retry = () => {
         hasRetried = true;