added gh auto deploy

Author: Zabrafax

.github/workflows/deploy.yml

@@ -0,0 +1,35 @@
+name: Deploy React (frontend) to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+
+    defaults:
+      run:
+        working-directory: frontend
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build
+        run: npm run build
+
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./frontend/build

frontend/package.json

@@ -21,7 +21,10 @@
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+
+    "predeploy": "npm run build",
+    "deploy": "gh-pages -d build"
   },
   "eslintConfig": {
     "extends": [

frontend/src/components/clock/ClockGrid.js

@@ -36,7 +36,7 @@ function ClockGrid(props) {
             }
         }
 
-        console.log(gridSize);
+        //console.log(gridSize);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [isSecondsEnabled, isSeparatorsEnabled, isMobile, isTablet]);
 
@@ -61,7 +61,7 @@ function ClockGrid(props) {
                 isVertical: isTablet,
             }));
             //setIsServerErrorWindowVisible(false);
-            console.log("Websocket connected, subscribe message sent");
+            //console.log("Websocket connected, subscribe message sent");
         };
 
         socket.onmessage = (event) => {
@@ -107,9 +107,9 @@ function ClockGrid(props) {
             const errorCodes = [1002, 1006, 1008, 1009, 1011, 1015];
             if(errorCodes.includes(event.code)) {
                 handleError();
-                console.log("WebSocket closed with error: " + event.code);
+                //console.log("WebSocket closed with error: " + event.code);
             }
-            console.log("WebSocket closed: " + event.code);
+            //console.log("WebSocket closed: " + event.code);
         };
 
         return () => {

frontend/src/components/contexts/ThemeContext.js

@@ -52,7 +52,7 @@ export function ThemeProvider({ children }) {
     ]);
 
     function saveColorThemeFromContext() {
-        console.log("Saving theme...", colorTheme);
+        //console.log("Saving theme...", colorTheme);
         saveColorTheme(colorTheme);
     }
 

frontend/src/components/contexts/TimeZoneContext.js

@@ -27,7 +27,6 @@ export function TimeZoneProvider({ children }) {
                 }
 
                 const data = await response.json();
-                console.log('data from server:', data);
 
                 const deviceZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
                 const userOffsetSeconds = -new Date().getTimezoneOffset() * 60;

frontend/src/components/contexts/UserContext.js

@@ -78,7 +78,6 @@ export function UserProvider({ children }) {
                 const apiResponse = await response.json();
 
                 if (apiResponse.success) {
-                    console.log("Theme saved");
                     return {success: true};
                 } else {
                     console.log("Error saving colorTheme");