D-Day display fix (#99)

PoApper · May 29, 2024 · 027afea · 027afea
1 parent 8340591
commit 027afea
Show file tree

Hide file tree

Showing 5 changed files with 133 additions and 128 deletions.
diff --git a/.github/workflows/github-action.yaml b/.github/workflows/github-action.yaml
@@ -86,7 +86,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Check the deployed service URL
-        uses: jtalk/url-health-check-action@v3
+        uses: jtalk/url-health-check-action@v4
         with:
           url: https://popo.poapper.club|https://popo-dev.poapper.club
           follow-redirect: true

diff --git a/Dockerfile b/Dockerfile
@@ -21,7 +21,7 @@ RUN npm run build
 RUN npm prune --production
 
 # Run Step
-FROM node:20.9-alpine AS runner
+FROM node:20-alpine AS runner
 
 WORKDIR /usr/src/app
 

diff --git a/components/calendar/calendar.panel.tsx b/components/calendar/calendar.panel.tsx
@@ -1,9 +1,14 @@
-import { ICalendar } from '@/types/calendar.interface';
 import moment from 'moment';
+import 'moment/locale/ko';
 import styled from 'styled-components';
 
+import { ICalendar } from '@/types/calendar.interface';
+
 const CalendarPanel = ({ nextEvent }: { nextEvent: ICalendar }) => {
-  const dDay = moment(nextEvent.event_date).diff(moment(), 'days');
+  const dDay = moment(nextEvent.event_date).diff(
+    moment().format('YYYY-MM-DD'),
+    'days',
+  );
   return (
     <div style={{ marginBottom: 12 }}>
       <NoticeCard>
@@ -19,7 +24,7 @@ const CalendarPanel = ({ nextEvent }: { nextEvent: ICalendar }) => {
         </div>
         <div>
           {nextEvent.title}
-          <br />({`${moment(nextEvent.event_date).format('M월 D일')}`})
+          <br />({`${moment(nextEvent.event_date).format('MM월 DD일 dddd')}`})
         </div>
       </NoticeCard>
     </div>