fix: #13 pr 리뷰 적용

Leets-Official · Jan 26, 2025 · 7580cec · 7580cec
1 parent e593264
commit 7580cec
Show file tree

Hide file tree

Showing 5 changed files with 47 additions and 12 deletions.
diff --git a/src/assets/images/ic_mock_img.svg b/src/assets/images/ic_mock_img.svg
diff --git a/src/components/MeetingDetail/MeetingDetailMain.tsx b/src/components/MeetingDetail/MeetingDetailMain.tsx
@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import MockImage from '@/assets/images/ic_mock_img.svg';
+import MockImage from '@/assets/images/ic_backImg_default1.svg';
 import MeetingInfo from '@/components/MeetingDetail/MeetingInfo';
 import ParticipantsList from '@/components/MeetingDetail/ParticipantsList';
 import MailIcon from '@/assets/images/ic_mail.svg';

diff --git a/src/components/common/Header/styles.ts b/src/components/common/Header/styles.ts
@@ -60,7 +60,7 @@ export const RightSpacer = styled.div`
 
 export const LeaveButton = styled.button`
   font-size: ${({ theme }) => theme.FONT_SIZE.md};
-  font-weight: ${({ theme }) => theme.FONT_WEIGHT.large};
+  font-weight: ${({ theme }) => theme.FONT_WEIGHT.semibold};
   color: ${({ theme }) => theme.COLORS.main};
   background-color: transparent;
   cursor: pointer;

diff --git a/src/constants/meetingInfoContents.tsx b/src/constants/meetingInfoContents.tsx
@@ -0,0 +1,44 @@
+import React from 'react';
+import PeopleIcon from '@/assets/images/ic_people_line.svg';
+import LocationIcon from '@/assets/images/ic_locate.svg';
+import CalendarIcon from '@/assets/images/ic_calendar.svg';
+import ChatIcon from '@/assets/images/ic_chat.svg';
+
+interface MeetingInfoContent {
+  icon: string;
+  alt: string;
+  title: (...args: any[]) => React.ReactNode;
+  highlightedText?: (chatTime: string) => string;
+}
+
+export const meetingInfoContents: MeetingInfoContent[] = [
+  {
+    icon: PeopleIcon,
+    alt: '참가자 아이콘',
+    title: (gender: string): string => gender,
+  },
+  {
+    icon: LocationIcon,
+    alt: '위치 아이콘',
+    title: (location: string, placeName: string): React.ReactNode => (
+      <>
+        {location} <br /> {placeName}
+      </>
+    ),
+  },
+  {
+    icon: CalendarIcon,
+    alt: '캘린더 아이콘',
+    title: (time: string): React.ReactNode => (
+      <>
+        {time.split(' ')[0]} <br /> {time.split(' ')[1]}
+      </>
+    ),
+  },
+  {
+    icon: ChatIcon,
+    alt: '채팅 아이콘',
+    title: (): string => '채팅',
+    highlightedText: (chatTime: string): string => `${chatTime} 전 대화`,
+  },
+];
diff --git a/src/pages/MeetingDetail.tsx b/src/pages/MeetingDetail.tsx
@@ -39,7 +39,7 @@ const ToastMessage = styled.div<{ show: boolean }>`
   padding: 10px 20px;
   border-radius: 8px;
   font-size: ${({ theme }) => theme.FONT_SIZE.smMd};
-  font-weight: bold;
+  font-weight: ${({ theme }) => theme.FONT_WEIGHT.bold};
   visibility: ${({ show }) => (show ? 'visible' : 'hidden')};
   opacity: ${({ show }) => (show ? '1' : '0')};
   transition: opacity 0.3s ease-in-out;