Working real time lobby

leaky-ships/pages/start.tsx

@@ -27,7 +27,7 @@ export function isAuthenticated(res: Response) {
 
   toast(status[res.status], {
     position: "top-center",
-    type: "error",
+    type: "info",
     theme: "colored",
   })
 }
@@ -184,7 +184,15 @@ export default function Start() {
                 "Raum beitreten"
               )}
             </OptionButton>
-            <OptionButton icon={faEye}>
+            <OptionButton
+              icon={faEye}
+              action={() => {
+                router.push({
+                  pathname: router.pathname,
+                  query: { q: "watch" },
+                })
+              }}
+            >
               {query.watch ? (
                 <OtpInput
                   shouldAutoFocus