Minor fix for production

package.json

@@ -40,7 +40,7 @@
     "react-icons": "^4.8.0",
     "react-query": "^3.39.3",
     "react-router-dom": "^6.8.0",
-    "react-sync-board": "^1.2.5",
+    "react-sync-board": "^1.2.6",
     "react-toastify": "^6.1.0",
     "recoil": "^0.7.4",
     "socket.io-client": "^4.1.2",

src/gameComponents/Counter/Counter.jsx

@@ -23,7 +23,9 @@ const CounterPane = styled.div`
       padding: 1rem;
       margin: 0;
       border: none;
-      margin-top: -1px;
+      min-width: 40px;
+      font-size: 1.2em;
+      flex: 1;
     }
 
     input {
@@ -33,11 +35,14 @@ const CounterPane = styled.div`
       border-radius: 0 !important;
       border: none !important;
       margin: 0 -1px;
+      flex: 5;
     }
 
     h3 {
+      line-height: 1em;
       user-select: none;
       padding: 0;
+      padding-bottom: 0.5em;
       margin: 0;
     }
   `}
@@ -81,7 +86,7 @@ const Counter = ({
 
   return (
     <CounterPane color={color}>
-      <h3>{label}</h3>
+      {label && <h3>{label}</h3>}
       <div className="counter-content">
         <button
           onClick={decrement}

src/gameComponents/boardBackgrounds.jsx

@@ -482,7 +482,7 @@ const backgrounds = [
       const style = {
         backgroundColor: color,
       };
-      if (img.type) {
+      if (img?.type) {
         const url = media2Url(img);
         if (url) {
           style.backgroundImage = `url(${url})`;

src/hooks/useFullScreen.jsx

@@ -1,14 +1,23 @@
 import React from "react";
 import { FullScreen, useFullScreenHandle } from "react-full-screen";
+import { useTranslation } from "react-i18next";
+import { toast } from "react-toastify";
 
 export const FullScreenContext = React.createContext({});
 
 export const FullScreenProvider = ({ children }) => {
+  const { t } = useTranslation();
   const handle = useFullScreenHandle();
 
   const toggleFullScreen = React.useCallback(() => {
-    handle.active ? handle.exit() : handle.enter();
-  }, [handle]);
+    try {
+      handle.active ? handle.exit() : handle.enter();
+    } catch (e) {
+      toast.info(t("You don't have the permissions to go fullscreen"), {
+        autoClose: 1000,
+      });
+    }
+  }, [handle, t]);
 
   return (
     <FullScreen handle={handle}>

src/views/BoardView/WelcomeModal.jsx

@@ -34,8 +34,14 @@ const WelcomeModal = ({ show, setShow, welcome = true }) => {
   const currentUrl = window.location.href;
 
   const handleCopy = async () => {
-    await navigator.clipboard.writeText(window.location.href);
-    toast.info(t("Url copied to clipboard!"), { autoClose: 1000 });
+    try {
+      await navigator.clipboard.writeText(window.location.href);
+      toast.info(t("Url copied to clipboard!"), { autoClose: 1000 });
+    } catch (e) {
+      toast.info(t("You don't have the permissions to copy the Url"), {
+        autoClose: 1000,
+      });
+    }
   };
 
   return (