Fix regressions

package-lock.json

@@ -2781,9 +2781,9 @@
       },
       "dependencies": {
         "@babel/runtime": {
-          "version": "7.14.8",
-          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.14.8.tgz",
-          "integrity": "sha512-twj3L8Og5SaCRCErB4x4ajbvBIVV77CGeFglHpeg5WC5FF8TZzBWXtTJ4MqaD9QszLYTtr+IsaAL2rEUevb+eg==",
+          "version": "7.15.3",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.15.3.tgz",
+          "integrity": "sha512-OvwMLqNXkCXSz1kSm58sEsNuhqOx/fKpnUnKnFB5v8uDda5bLNEHNgKPvhDN6IU0LDcnHQ90LlJ0Q6jnyBSIBA==",
           "requires": {
             "regenerator-runtime": "^0.13.4"
           }
@@ -2845,9 +2845,9 @@
       },
       "dependencies": {
         "@babel/runtime": {
-          "version": "7.14.8",
-          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.14.8.tgz",
-          "integrity": "sha512-twj3L8Og5SaCRCErB4x4ajbvBIVV77CGeFglHpeg5WC5FF8TZzBWXtTJ4MqaD9QszLYTtr+IsaAL2rEUevb+eg==",
+          "version": "7.15.3",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.15.3.tgz",
+          "integrity": "sha512-OvwMLqNXkCXSz1kSm58sEsNuhqOx/fKpnUnKnFB5v8uDda5bLNEHNgKPvhDN6IU0LDcnHQ90LlJ0Q6jnyBSIBA==",
           "requires": {
             "regenerator-runtime": "^0.13.4"
           }
@@ -2884,9 +2884,9 @@
       },
       "dependencies": {
         "@babel/runtime": {
-          "version": "7.14.8",
-          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.14.8.tgz",
-          "integrity": "sha512-twj3L8Og5SaCRCErB4x4ajbvBIVV77CGeFglHpeg5WC5FF8TZzBWXtTJ4MqaD9QszLYTtr+IsaAL2rEUevb+eg==",
+          "version": "7.15.3",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.15.3.tgz",
+          "integrity": "sha512-OvwMLqNXkCXSz1kSm58sEsNuhqOx/fKpnUnKnFB5v8uDda5bLNEHNgKPvhDN6IU0LDcnHQ90LlJ0Q6jnyBSIBA==",
           "requires": {
             "regenerator-runtime": "^0.13.4"
           }
@@ -9299,9 +9299,9 @@
       }
     },
     "react-sync-board": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/react-sync-board/-/react-sync-board-0.1.2.tgz",
-      "integrity": "sha512-c1HTHBy8F9VIL0tfXyo/p1AIh/9XFEFPkuYZFAd3kXfP6F1Y9XQCm1yzj4/c62V36c+ONJXHKTnG7CRMflf66g==",
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/react-sync-board/-/react-sync-board-0.1.3.tgz",
+      "integrity": "sha512-U1IrfgRL9fQ7zRKTw9JFpgqMYrmXxURV16h+llQxMgyO2mBMub3lSeJjdiKUX9Ft5FIrDNVY+49vxJuvklSyhw==",
       "requires": {
         "@emotion/react": "^11.4.0",
         "@emotion/styled": "^11.3.0",
@@ -9325,9 +9325,9 @@
           "integrity": "sha512-AztC/IOW4L1Q41A86phW5Thhcrco3xuAA+YX/BLpLWWjRcTj5TOt/QImBLmCKlrF7u7k47arTnOyL6GnbG8Hvw=="
         },
         "nanoid": {
-          "version": "3.1.23",
-          "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.23.tgz",
-          "integrity": "sha512-FiB0kzdP0FFVGDKlRLEQ1BgDzU87dy5NnzjeW9YZNt+/c3+q82EQDUwniSAUxp/F0gFNI1ZhKU1FqYsMuqZVnw=="
+          "version": "3.1.25",
+          "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.25.tgz",
+          "integrity": "sha512-rdwtIXaXCLFAQbnfqDRnI6jaRHp9fTcYBjtFKE8eezcZ7LuLjhUaQGNeMXf1HmRoCH32CLz6XwX0TtxEOS/A3Q=="
         },
         "randomcolor": {
           "version": "0.6.2",

package.json

@@ -33,7 +33,7 @@
     "react-query": "^3.13.4",
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0",
-    "react-sync-board": "^0.1.2",
+    "react-sync-board": "^0.1.3",
     "react-toastify": "^6.1.0",
     "react-useportal": "^1.0.14",
     "recoil": "^0.3.1",

src/index.css

@@ -28,7 +28,7 @@ body {
   --font-family-mono: monaco, "Consolas", "Lucida Console", monospace;
 }
 
-.blurry {
+.blurry .sync-board {
   filter: blur(3px);
 }
 

src/views/BoardView/LoadSessionModal.jsx

@@ -1,5 +1,6 @@
 import React from "react";
 import { useTranslation } from "react-i18next";
+import { useC2C } from "react-sync-board";
 
 import useSession from "../../hooks/useSession";
 
@@ -9,16 +10,16 @@ import LoadData from "./LoadData";
 
 const LoadSessionModal = ({ show, setShow }) => {
   const { t } = useTranslation();
-  //const { c2c } = useC2C("board");
+  const { c2c } = useC2C("board");
   const { setSession } = useSession();
 
   const loadSession = React.useCallback(
     (sessionData) => {
       setSession(sessionData);
-      // c2c.publish("loadSession", sessionData);
+      c2c.publish("loadSession", sessionData);
       setShow(false);
     },
-    [setSession, setShow]
+    [c2c, setSession, setShow]
   );
 
   return (

src/views/BoardView/WelcomeModal.jsx

@@ -41,7 +41,7 @@ const WelcomeModal = ({ show, setShow, welcome = true }) => {
     inputRef.current.select();
     document.execCommand("copy");
     inputRef.current.style.display = "none";
-    toast.info(t("Url copied to clipboard!"), { autoClose: 1000 });
+    toast.info(t("Url copied to clipboard!"), { autoClose: 100000 });
   };
 
   const meetUrl = `https://meet.jit.si/airboardgame__${room}`;