Dev (#200)

* 1. lift up z-index of toast.
2. change default toast duration to 2s.
3. add mic permission failed toast hint when push record btn.

Signed-off-by Shaochang Tan <478710209@qq.com>

* Fix leave ingame room (#199)

* fix runtime type warnings

* prevent push leave btn when you are ready

src/components/views/Gameroom.tsx

@@ -722,7 +722,7 @@ const Gameroom = () => {
     playerStatus: PropTypes.arrayOf(
       PropTypes.shape({
         user: PropTypes.shape({
-          id: PropTypes.number.isRequired,
+          id: PropTypes.string.isRequired,
           name: PropTypes.string.isRequired,
           avatar: PropTypes.string.isRequired,
         }).isRequired,
@@ -766,8 +766,9 @@ const Gameroom = () => {
         <Header 
           onChange={
             e => {
-              setGlobalVolume(e.target.value);
-              console.log("[volume] set to", e.target.value);
+              const volume = parseFloat(e.target.value);
+              setGlobalVolume(volume);
+              console.log("[volume] set to", volume);
             }
           }
           onClickMute={
@@ -837,12 +838,28 @@ const Gameroom = () => {
                         Confirm
                       </div>
                     )}
-                    <div className="gameroom leavebutton" onClick={
-                      () => {
-                        //console.log("leave room");
-                        exitRoom();
+                    <div className="gameroom leavebutton" 
+                      onClick={() => 
+                      {
+                        if (readyStatus.current === false){
+                          throttledExitRoom();
+                        } else {
+                          showToast("Please cancel ready before leaving the room.", "error");
+                        }
+                      }
                       }
-                    }>leave</div>
+                      onKeyDown={() =>
+                      {
+                        if (readyStatus.current === false){
+                          throttledExitRoom();
+                        } else {
+                          showToast("Please cancel ready before leaving the room.", "error");
+                        }
+                      }
+                      }
+                    >
+                      leave
+                    </div>
                   </>
                 )}
               </div>

src/helpers/getDomain.js

@@ -9,8 +9,8 @@ import { isProduction } from "./isProduction"
 export const getDomain = () => {
   // const prodUrl = "https://sopra-fs24-group-09-server.oa.r.appspot.com/" // TODO: insert your prod url for server (once deployed)
   const prodUrl = "https://sopra-fs24-group-09-server.oa.r.appspot.com/"
-  // const devUrl = "https://sopra-fs24-group-09-server.oa.r.appspot.com/" // TODO: insert your prod url for server (once deployed)
-  const devUrl = "http://localhost:8080"
+  const devUrl = "https://sopra-fs24-group-09-server.oa.r.appspot.com/" // TODO: insert your prod url for server (once deployed)
+  // const devUrl = "http://localhost:8080"
   // const devUrl = "https://sopra-fs24-shatan-server.oa.r.appspot.com/" // TODO: insert your prod url for server (once deployed)
 
   return isProduction() ? prodUrl : devUrl