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 ? (
+ <>
+
+ >
+ ) : (
+
+ )}
);