Remove comments

Author: johnwage

app/src/components/bottom/ChatRoom.tsx

@@ -121,12 +121,6 @@ const Chatroom = (props): JSX.Element => {
               </div>
             </div>
           );
-        // return (
-        //   <div key={index} style={handleMessageContainerStyle(message)}>
-        //     {message.userName === userName ? 'You' : message.userName}:{' '}
-        //     {message.message}
-        //   </div>
-        // );
       }
       return null;
     });
@@ -207,7 +201,14 @@ const Chatroom = (props): JSX.Element => {
                     style={inputStyles}
                   />
                   <button type="submit" id="send-button" style={buttonStyles}>
-                    <Send sx={{ width: '20px', height: '20px', marginLeft: '2px', marginTop: '2px' }} />
+                    <Send
+                      sx={{
+                        width: '20px',
+                        height: '20px',
+                        marginLeft: '2px',
+                        marginTop: '2px'
+                      }}
+                    />
                   </button>
                 </form>
               </div>

app/src/components/bottom/VideoMeeting.tsx

@@ -107,13 +107,10 @@ const Videomeeting = (props): JSX.Element => {
               style={{
                 display: 'flex',
                 flexDirection: 'column',
-                // justifyContent: 'center',
-                // alignItems: 'center',
                 paddingLeft: '5px',
                 paddingRight: '5px'
               }}
             >
-              
               <audio ref={micRef} autoPlay muted={isLocal} />
               {!webcamOn && <TurnOffCameraDisplay />}
               {webcamOn && (
@@ -132,9 +129,25 @@ const Videomeeting = (props): JSX.Element => {
                   }}
                 />
               )}
-              <div style={{...handleUserInfoStyle(isLocalParticipant), display: 'flex', marginTop: '-50px', marginLeft: '15px'}}>
-              <span>{displayName}</span>
-                {webcamOn ? <VideocamIcon style={{marginLeft: '14.5px'}}/> : <VideocamOffIcon style={{marginLeft: '14.5px'}}/>} {micOn ? <MicIcon style={{marginLeft: '10px'}}/> : <MicOffIcon style={{marginLeft: '10px'}}/>}
+              <div
+                style={{
+                  ...handleUserInfoStyle(isLocalParticipant),
+                  display: 'flex',
+                  marginTop: '-50px',
+                  marginLeft: '15px'
+                }}
+              >
+                <span>{displayName}</span>
+                {webcamOn ? (
+                  <VideocamIcon style={{ marginLeft: '14.5px' }} />
+                ) : (
+                  <VideocamOffIcon style={{ marginLeft: '14.5px' }} />
+                )}{' '}
+                {micOn ? (
+                  <MicIcon style={{ marginLeft: '10px' }} />
+                ) : (
+                  <MicOffIcon style={{ marginLeft: '10px' }} />
+                )}
               </div>
             </div>
           </>