diff --git a/src/components/Modal/PopupModal.jsx b/src/components/Modal/PopupModal.jsx index 7ae3731..b085b24 100644 --- a/src/components/Modal/PopupModal.jsx +++ b/src/components/Modal/PopupModal.jsx @@ -24,7 +24,7 @@ export default function PopupModal({ isOpen = false, onClose }) { - + {modals?.PopupModal.data.message} @@ -68,11 +68,3 @@ const StyledCreditDiv = styled.div` width: 118px; height: 118px; `; - -const PopupLabel = ({ Description }) => { - return {Description}; -}; - -PopupLabel.propTypes = { - Description: PropTypes.node, -}; diff --git a/src/components/Modal/Toast.jsx b/src/components/Modal/Toast.jsx index ee373f2..583627c 100644 --- a/src/components/Modal/Toast.jsx +++ b/src/components/Modal/Toast.jsx @@ -8,7 +8,7 @@ import { StyledDivider, } from '@styles/CommonStyles'; -/** 팝업 모달 컴포넌트 +/** Toast 컴포넌트 * @param {Object} props - 컴포넌트 props * @param {boolean} props.isOpen - Toast가 열려 있는지 여부 * @param {function} props.onClose - Toast를 닫기 위한 함수 diff --git a/src/components/Modal/VoteModal.jsx b/src/components/Modal/VoteModal.jsx index 1740c38..d3e3b39 100644 --- a/src/components/Modal/VoteModal.jsx +++ b/src/components/Modal/VoteModal.jsx @@ -197,11 +197,15 @@ export default function VoteModal({ isOpen = false, onClose }) { {responsiveStatus === 'PC' ? ( - 이달의 여자 아이돌 + + 이달의 {selectedTab === 'female' ? '여자' : '남자'} 아이돌 + ) : ( <> - 이달의 여자 아이돌 + + 이달의 {selectedTab === 'female' ? '여자' : '남자'} 아이돌 + )} @@ -386,6 +390,14 @@ const StyledVotes = styled.span` line-height: normal; `; +/** 투표 대상 컴포넌트 + * @param {Object} props - 컴포넌트 props + * @param {function} props.onClick - 해당 컴포넌트가 클릭되었을 때 사용할 함수 + * @param {number} props.selectedIdol - 선택된 아이돌 ID + * @param {Object} props.idolData - 아이돌 데이터 + * @param {boolean} props.disabled - 투표가 되었는지에 대한 값 + * @return {JSX.Element} 투표 대상 컴포넌트 + */ const VoteOption = ({ onClick, selectedIdol, idolData, disabled }) => { return ( onClick(idolData?.id)} disabled={disabled}>