Merge pull request #270 from SWM-FIRE/FIRE-207-study]-webrtc-세미나-준비-이하령

FIRE-207 fix bug

Author: haryung-lee

src/components/main/lobby/SingleParticipant.tsx

@@ -10,7 +10,7 @@ export default function SingleParticipant({ user }) {
       <AvatarContainer>
         <MyAvatar num={user?.avatar} />
       </AvatarContainer>
-      <Nickname>{user.nickname}</Nickname>
+      <Nickname>{user?.nickname}</Nickname>
     </User>
   );
 }

src/components/profile/friends/FriendIcon.tsx

@@ -22,7 +22,7 @@ export default function FriendIcon({ friend }: { friend: singleFriend }) {
         <MyAvatar num={friend?.avatar} />
       </AvatarContainer>
       <Information>
-        <Nickname>{friend.nickname}</Nickname>
+        <Nickname>{friend?.nickname}</Nickname>
         {/* <FriendStatus>
               <OnlineStatus isOnline={friend.state !== ''} />
               {friend.state !== '' ? friend.state : '오프라인'}

src/components/ready/card/Header.tsx

@@ -9,7 +9,7 @@ export default function Header({ data }) {
       </AvatarControl>
       <NameTag data-cy="ready-card-name">
         <Moderator isModerator={1}>방장</Moderator>
-        <Moderator isModerator={0}>{data.moderator.nickname}</Moderator>
+        <Moderator isModerator={0}>{data?.moderator.nickname}</Moderator>
       </NameTag>
     </Container>
   );

src/components/room/ScreenModal.tsx

@@ -26,7 +26,7 @@ export default function ScreenModal() {
       videoRef.current.srcObject = newStream;
       videoRef.current.muted = true;
     }
-    if (!isMe && user.uid === -1) {
+    if (!isMe && user?.uid === -1) {
       toggleScreenModal();
     }
   }, [videoRef, userMediaStream, user]);
@@ -52,7 +52,7 @@ export default function ScreenModal() {
         ) : (
           <>
             <MyAvatar num={user?.avatar} />
-            <Nickname>{user.nickname}</Nickname>
+            <Nickname>{user?.nickname}</Nickname>
           </>
         )}
       </ModalController>

src/components/room/screenShare/SingleScreen.tsx

@@ -85,8 +85,8 @@ export default function SingleScreen({ connectedUser, stream }) {
           <AvatarPosition>
             <AudioTracking stream={stream} />
             <MyAvatar num={Number(connectedUser?.avatar)} />
-            <NameContainer isMe={uid === connectedUser.uid}>
-              {connectedUser.nickname}
+            <NameContainer isMe={uid === connectedUser?.uid}>
+              {connectedUser?.nickname}
             </NameContainer>
           </AvatarPosition>
         </ControlBar>

src/components/room/sideBar/SingleParticipant.tsx

@@ -37,12 +37,12 @@ export default function SingleParticipant({
         <AvatarContainer onClick={toggleProfile}>
           <MyAvatar num={user?.avatar} />
           <MicContainer>
-            {user.enabledAudio ? <MicOn /> : <MicOff />}
+            {user?.enabledAudio ? <MicOn /> : <MicOff />}
           </MicContainer>
         </AvatarContainer>
-        <NameContainer isMe={isMe} nicknameLength={user.nickname?.length}>
+        <NameContainer isMe={isMe} nicknameLength={user?.nickname.length}>
           {user.nickname}
-          {moderator === user.uid && <Crown />}
+          {moderator === user?.uid && <Crown />}
         </NameContainer>
       </Container>
     </>

src/components/room/sideProfileModal/ControlVolume.tsx

@@ -13,15 +13,15 @@ export default function ControlVolume({ user }: { user: VideoUserInterface }) {
   );
   const onClickVolume = () => {
     if (userSpeaker) {
-      setVolumeByUid(user.uid, 0);
+      setVolumeByUid(user?.uid, 0);
     } else {
-      setVolumeByUid(user.uid, newVolume);
+      setVolumeByUid(user?.uid, newVolume);
     }
     setUserSpeaker(!userSpeaker);
   };
   const onChangeVolume = (event: React.ChangeEvent<HTMLInputElement>) => {
     setNewVolume(event.target.valueAsNumber);
-    if (userSpeaker) setVolumeByUid(user.uid, event.target.valueAsNumber);
+    if (userSpeaker) setVolumeByUid(user?.uid, event.target.valueAsNumber);
   };
 
   useEffect(() => {

src/pages/Auth.tsx

@@ -10,7 +10,6 @@ export default function Auth() {
   useEffect(() => {
     if (accessToken) {
       localStorage.setItem('access_token', accessToken);
-      console.log(accessToken);
       toast.success('로그인이 완료되었습니다');
       navigate('/');
     }