[fix] 스토리북 설명 수정 (#232)

fix : 설명 수정

client/src/components/Access/Access.tsx

@@ -1,9 +1,21 @@
 import * as styles from './Access.styles'
 
 interface AccessProps {
+  /**
+   * 왼쪽 버튼에 들어갈 문자열 값
+   */
   leftButton: string
+  /**
+   * 오른쪽 버튼에 들어갈 문자열 값
+   */
   rightButton: string
+  /**
+   * 왼쪽 버튼에 클릭 시 실행될 함수
+   */
   onLeftButton: (changeUser: boolean) => void
+  /**
+   * 오른쪽 버튼에 클릭 시 실행될 함수
+   */
   onRightButton: () => void
 }
 

client/src/components/Chatting/Chatting.tsx

@@ -1,8 +1,17 @@
 import * as styles from './Chatting.styles'
 
 interface ChattingProps {
+  /**
+   * 채팅에 표시될 닉네임
+   */
   nickname: string
+  /**
+   * 채팅에 표시될 메세지 내용
+   */
   message: string
+  /**
+   * nickname을 클릭했을 때 실행될 함수
+   */
   onNickname: (event: React.MouseEvent<HTMLInputElement>) => void
 }
 

client/src/components/HlsPlayer/HlsPlayer.tsx

@@ -3,6 +3,9 @@ import * as styles from './HlsPlayer.styles'
 import Hls from 'hls.js'
 
 interface HlsPlayerProps {
+  /**
+   * 연결할 스트리머의 id
+   */
   id?: string
 }
 

client/src/components/Logo/Logo.tsx

@@ -2,7 +2,13 @@ import * as styles from './Logo.styles'
 import { ThemeFlag } from '@/types/theme'
 
 interface LogoProps {
+  /**
+   * 로고 종류 'wide' or 'box
+   */
   logo: 'wide' | 'box'
+  /**
+   * 다크모드 여부
+   */
   currentTheme: ThemeFlag
 }
 

client/src/components/Modal/LoginModal/LoginModal.tsx

@@ -3,7 +3,13 @@ import * as styles from './LoginModal.styles'
 import { ThemeFlag } from '@/types/theme'
 
 interface LoginModalProps {
+  /**
+   * 취소 버튼 클릭 시 실행 함수
+   */
   onCancle: () => void
+  /**
+   * 다크모드 여부
+   */
   currentTheme: ThemeFlag
 }
 

client/src/components/Modal/ViewerModal/ViewerModal.tsx

@@ -3,13 +3,37 @@ import * as styles from './ViewerModal.styles'
 import { ThemeFlag } from '@/types/theme'
 
 interface ViewerModalProps {
+  /**
+   * 표시되는 닉네임
+   */
   nickname: string
+  /**
+   * 권환 확인. 시청자 or 스트리머
+   */
   authority: 'viewer' | 'streamer'
+  /**
+   * 사용자 확인. 시청자 or 스트리머
+   */
   target: 'viewer' | 'streamer'
+  /**
+   * 모달에 전달할 top 값
+   */
   top: number
+  /**
+   * 모달에 전달할 left 값
+   */
   left: number
+  /**
+   * 취소 버튼 클릭 시 실행할 함수
+   */
   onCancle: () => void
+  /**
+   * 강제 퇴장 버튼 클릭 시 실행 함수
+   */
   onKick: (nickname: string) => void
+  /**
+   * 다크모드 여부
+   */
   currentTheme: ThemeFlag
 }