🚀 ver 1.0.3

🚀 ver 1.0.3

src/components/LandingPage/components/MeetingCard/MeetingCard.tsx

@@ -199,7 +199,7 @@ const MeetingCardWrapper = styled.div<WrapperProps>`
   border: 1px solid
     ${props =>
       props.live_status === 'tomorrow'
-        ? COLOR.GRAY_000
+        ? COLOR.GRAY_200
         : COLOR.TEXTAREA_LIGHT_GRAY};
   box-sizing: border-box;
   margin-top: ${props => (props.idx === 0 ? '1.8rem' : 0)};

src/components/LandingPage/components/MeetingList/MeetingList.tsx

@@ -29,11 +29,21 @@ function MeetingList({ title, className }: Props): ReactElement {
   return (
     <MeetingListWrapper className={classnames('meeting-list', className)}>
       <ListTitle>
-        {title}
-        {title !== LANDING.CURRENT_MEETING && (
-          <MeetingCounter className="title2 meeting-list__counter">
-            {meetings && meetings.length.toString()}
-          </MeetingCounter>
+        {title === LANDING.UPCOMING_MEETING ? (
+          <span>
+            {LANDING.UPCOMING_MEETING_01}
+            <MeetingCounter className="title2 meeting-list__counter">
+              {meetings && meetings.length.toString()}
+            </MeetingCounter>
+            {LANDING.UPCOMING_MEETING_02}
+          </span>
+        ) : (
+          <span>
+            {title}
+            <MeetingCounter className="title2 meeting-list__counter">
+              {meetings && meetings.length.toString()}
+            </MeetingCounter>
+          </span>
         )}
       </ListTitle>
 

src/components/LandingPage/index.tsx

@@ -13,7 +13,11 @@ import home_banner from '../../assets/image/home_banner.png';
 import suggestion_img from '../../assets/image/suggestion_img.png';
 import { COLOR } from '../../constant/color';
 import { LANDING } from '../../constant/message';
-import { currMeetings, meetingsAtom } from '../../store/meeting';
+import {
+  currMeetings,
+  meetingsAtom,
+  upcomingMeetings,
+} from '../../store/meeting';
 import { userInfoAtom } from '../../store/user';
 import CustomScreenHelmet from '../common/CustomScreenHelmet';
 import CurrMeetingList from './components/MeetingList/CurrMeetingList';
@@ -25,6 +29,7 @@ const LandingPage: React.FC = () => {
 
   const setMeetings = useSetRecoilState(meetingsAtom);
   const currMeetingsValue = useRecoilValue(currMeetings);
+  const upcomingMeetingsValue = useRecoilValue(upcomingMeetings);
   const userInfo = useRecoilValue(userInfoAtom);
   const redirectUrl = useRedirect();
 
@@ -72,11 +77,15 @@ const LandingPage: React.FC = () => {
           <BlockDivider className="landing__divider" />
         </div>
       )}
-      <MeetingList
-        className="landing__upoming"
-        title={LANDING.UPCOMING_MEETING}
-      />
-      <BlockDivider className="landing__divider" />
+      {upcomingMeetingsValue.length !== 0 && (
+        <div>
+          <MeetingList
+            className="landing__upoming"
+            title={LANDING.UPCOMING_MEETING}
+          />
+          <BlockDivider className="landing__divider" />
+        </div>
+      )}
       <MeetingList
         className="landing__tomorrow"
         title={LANDING.TOMORROW_MEETING}

src/components/OnBoardPage/index.tsx

@@ -20,6 +20,7 @@ function OnBoardPage(): ReactElement {
   const startTime = new Date();
 
   const successGetCodeCB = (code: string) => {
+    logEvent(analytics, 'sub_onboard__success');
     logEvent(analytics, 'onBoard__success', {
       start_time: startTime,
       end_time: new Date(),
@@ -48,6 +49,7 @@ function OnBoardPage(): ReactElement {
   };
 
   useEffect(() => {
+    logEvent(analytics, 'sub_onboard__show');
     logEvent(analytics, 'onBoard__show', {
       start_time: startTime,
     });

src/constant/color.ts

@@ -6,6 +6,7 @@ export const COLOR = {
   BACKGROUND_WHITE: '#ffffff',
   MODAL_WRAPPER_BLACK: 'rgba(25,25,26, 0.75)',
   GRAY_000: '#FAFAFA',
+  GRAY_200: '#EDEDED',
   GRAY_300: '#DFE1E3',
   GRAY_400: '#DFE1E3',
   GRAY_500: '#A6AAAE',

src/constant/message.ts

@@ -27,6 +27,8 @@ export const LANDING = {
   NAVIGATOR_TITLE: '랜선동네모임',
   CURRENT_MEETING: '지금 바로 모임에 참여해 보세요',
   UPCOMING_MEETING: '오늘 참여할 수 있는 모임',
+  UPCOMING_MEETING_01: '오늘',
+  UPCOMING_MEETING_02: '개 모임이 남아있어요.',
   TOMORROW_MEETING: '미리 보는 내일 모임',
   START_MEETING_LATER: ' 후 모임이 시작돼요',
   CURR_MEETING_SUB_TITLE: '지금 바로 모임에서 동네 이웃들과 대화를 나눠보세요!',
@@ -60,7 +62,7 @@ export const MEETING_DETAIL = {
   DESCRIPTION_TITLE1: '이런 분이면 참여해보세요!',
   DESCRIPTION_TITLE2: '이런 주제로 대화를 나눠보세요!',
   JOIN_NOW: '지금 참여하기',
-  CLOSE_MEETING: '오늘은 종료된 모임이에요',
+  CLOSE_MEETING: '내일 열리는 모임이에요',
   JOIN_LATER: ' 후에 만나요',
   GREEN_BOX_INFO:
     '모든 모임은 줌(Zoom) 화상 회의로 진행돼요. 줌 앱을 다운로드한 후 이용해 주세요. 카메라를 켜지 않아도 괜찮아요!',