diff --git a/src/assets/images/ic_invite_mail.svg b/src/assets/images/ic_invite_mail.svg new file mode 100644 index 0000000..eefefd0 --- /dev/null +++ b/src/assets/images/ic_invite_mail.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/pages/MeetingDetail.tsx b/src/pages/MeetingDetail.tsx index 05cddaa..1492e5e 100644 --- a/src/pages/MeetingDetail.tsx +++ b/src/pages/MeetingDetail.tsx @@ -2,6 +2,7 @@ import Button from '@/components/common/Button/Button'; import Header from '@/components/common/Header/Header'; import MeetingDetailMain from '@/components/MeetingDetail/MeetingDetailMain'; import styled from 'styled-components'; +import MailIcon from '@/assets/images/ic_invite_mail.svg'; const Container = styled.div` margin: 0 auto; @@ -20,6 +21,11 @@ const ButtonContainer = styled.div` justify-content: center; align-items: center; `; +const Icon = styled.img` + width: 24px; + height: 24px; + display: block; +`; const meetingMockData = { title: '마라탕 맛나게 냠냠냠 ٩( ᐛ )و 모임', @@ -32,7 +38,11 @@ const meetingMockData = { chatTime: '30분', }; -const MeetingDetail = () => { +interface MeetingDetailProps { + isOwner: boolean; // 게시물 소유 여부를 판별할 prop 추가 +} + +const MeetingDetail = ({ isOwner }: MeetingDetailProps) => { const handleLeave = () => { alert('모임에서 나갔습니다.'); }; @@ -57,11 +67,20 @@ const MeetingDetail = () => { /> - + {isOwner ? ( + <> + + + ) : ( + + )} );