fix: 방 상세페이지 날짜 오류 수정 (#497)

team-moabam · Jan 3, 2024 · 1886004 · 1886004
1 parent 76d6758
commit 1886004
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 9 deletions.
diff --git a/src/domain/RoomDetail/components/RoomDetail.tsx b/src/domain/RoomDetail/components/RoomDetail.tsx
@@ -18,11 +18,12 @@ const RoomDetail = ({
   checkedRoomJoin,
   serverTime
 }: RoomDetailProps) => {
-  const todayDateString = `${(serverTime || new Date()).getFullYear()}-${
-    (serverTime || new Date()).getMonth() + 1
-  }-${(serverTime || new Date()).getDate() < 10 ? 0 : ''}${(
-    serverTime || new Date()
-  ).getDate()}`;
+  const todayDate = serverTime || new Date();
+  const todayDateString = `${todayDate.getFullYear()}-${String(
+    todayDate.getMonth() + 1
+  ).padStart(2, '0')}-${
+    todayDate.getDate() < 10 ? 0 : ''
+  }${todayDate.getDate()}`;
 
   const { data: roomDetailData, status } = useQuery({
     ...roomOptions.detailByDate(roomId, todayDateString),

diff --git a/src/domain/RoomDetail/components/RoomDetailContainer.tsx b/src/domain/RoomDetail/components/RoomDetailContainer.tsx
@@ -16,9 +16,11 @@ const RoomDetailContainer = ({ roomDetailData }: RoomDetailContainerProps) => {
   const {
     params: { roomId }
   } = useRouteData();
-  const chooseDateString = `${chooseDate.getFullYear()}-${
+  const chooseDateString = `${chooseDate.getFullYear()}-${String(
     chooseDate.getMonth() + 1
-  }-${chooseDate.getDate() < 10 ? 0 : ''}${chooseDate.getDate()}`;
+  ).padStart(2, '0')}-${
+    chooseDate.getDate() < 10 ? 0 : ''
+  }${chooseDate.getDate()}`;
 
   const { data: roomDetailDataByDate, status } = useQuery({
     ...roomOptions.detailByDate(roomId, chooseDateString)

diff --git a/src/domain/RoomDetail/components/RoomWorkspace.tsx b/src/domain/RoomDetail/components/RoomWorkspace.tsx
@@ -155,10 +155,10 @@ const RoomWorkspace = ({
                   </div>
                 </>
               ) : (
-                <div className="mb-[2.12rem] flex h-[2.56rem] w-full items-center justify-center rounded-[62.43rem] bg-light-point dark:bg-dark-point">
+                <div className="mb-[2.12rem] flex h-[2.56rem] w-full items-center justify-center rounded-[62.43rem] bg-light-point dark:bg-dark-point-hover">
                   <Link
                     to={`log/${chooseDateString}`}
-                    className="flex w-fit items-center text-base"
+                    className="flex w-fit items-center text-base text-white"
                     state={{
                       todayCertificateRank,
                       routines,