fix: map save button for tutorials

src/components/MapDesigner/MapDesigner.tsx

@@ -203,8 +203,10 @@ export default function MapDesigner(props: MapDesignerProps): JSX.Element {
 
   useEffect(() => {
     MapDesignerUtils.setLocalStorageKey(
-      props.pageType == 'MapDesigner' || props.pageType == 'Tutorials'
+      props.pageType == 'MapDesigner'
         ? 'cc-map-designer-map'
+        : props.pageType == 'Tutorials'
+        ? 'tc-map-designer-map'
         : 'dc-map-designer-map',
     );
   }, [props.pageType]);
@@ -241,11 +243,15 @@ export default function MapDesigner(props: MapDesignerProps): JSX.Element {
 
         <Modal.Body className={styles.modalContent}>
           <Container fluid>
-            <Row>
-              <p className={styles.contentP}>
-                <span>SAVE</span> : Save map only.
-              </p>
-            </Row>
+            {props.pageType == 'MapDesigner' ? (
+              <Row>
+                <p className={styles.contentP}>
+                  <span>SAVE</span> : Save map only.
+                </p>
+              </Row>
+            ) : (
+              <></>
+            )}
             <Row>
               <p className={styles.contentP}>
                 <span>SUBMIT</span> :{' '}
@@ -266,16 +272,21 @@ export default function MapDesigner(props: MapDesignerProps): JSX.Element {
             )}
           </Container>
           <Container fluid className={styles.buttonRow}>
-            <Button
-              className={styles.modalButton}
-              size="lg"
-              onClick={() => {
-                compressImage('save');
-              }}
-              variant="outline-light"
-            >
-              SAVE
-            </Button>
+            {props.pageType == 'MapDesigner' ||
+            props.pageType == 'DailyChallenge' ? (
+              <Button
+                className={styles.modalButton}
+                size="lg"
+                onClick={() => {
+                  compressImage('save');
+                }}
+                variant="outline-light"
+              >
+                SAVE
+              </Button>
+            ) : (
+              <></>
+            )}
             <Button
               className={styles.modalButton}
               size="lg"

src/components/Websocket/Websocket.tsx

@@ -33,17 +33,18 @@ export const Websocket: React.FunctionComponent = () => {
     const url = `${baseUrl}/ws`;
     const wsClient = Stomp.over(() => new WebSocket(url));
     wsClient.brokerURL = url;
+    const keepAliveTimeout = setInterval(() => {
+      wsClient.send('pong');
+    }, 30000);
     const handleConnect = () => {
       wsClient.subscribe(`/updates/${user.id}`, message => {
-        console.log('Received message:', message.body);
         if (pageType === 'Tutorials') {
           const game = JSON.parse(message.body) as TutorialGame;
           if (game.status === GameStatus.Executing) {
             Toast.success('Executing Now...');
             return;
           }
           dispatch(changeSimulationState(true));
-          console.log(game.logs);
           setTimeout(() => {
             RendererUtils.loadLog(game.logs ?? '');
           }, 1000);
@@ -97,6 +98,7 @@ export const Websocket: React.FunctionComponent = () => {
 
     return () => {
       wsClient.deactivate();
+      clearInterval(keepAliveTimeout);
     };
   }, [user, gameType, pageType]);
 

src/pages/Dashboard/Dashboard.tsx

@@ -470,8 +470,6 @@ export default function Dashboard(): JSX.Element {
     }
   };
 
-  console.log(pageState);
-
   return (
     <>
       <Tour setOpened={setOpened} steps={EditorSteps}>