fix: QA 반영 (#29)

* fix: Fix webcam position * fix: Fix slope update date
Nexters · Aug 22, 2024 · 6397e42 · 6397e42
1 parent bef20ef
commit 6397e42
Show file tree

Hide file tree

Showing 7 changed files with 28 additions and 16 deletions.
diff --git a/src/entities/slop/model/eden.tsx b/src/entities/slop/model/eden.tsx
@@ -82,7 +82,7 @@ export const EDEN: ResortInfo = {
       id: 'jupiter-slope',
       name: '쥬피터 슬로프',
       position: {
-        top: 'top-[17%]',
+        top: 'top-[16%]',
         left: 'left-[50%]',
       },
       scale: 1,
@@ -91,8 +91,8 @@ export const EDEN: ResortInfo = {
       id: 'uranus-slope',
       name: '우라누스 슬로프',
       position: {
-        top: 'top-[34%]',
-        left: 'left-[75%]',
+        top: 'top-[32%]',
+        left: 'left-[77%]',
       },
       scale: 1,
     },

diff --git a/src/entities/slop/model/elysian-gangchon.tsx b/src/entities/slop/model/elysian-gangchon.tsx
@@ -102,7 +102,7 @@ export const ELYSIAN_GANGCHON: ResortInfo = {
       name: '서브하우스',
       position: {
         top: 'top-[86%]',
-        left: 'left-[18%]',
+        left: 'left-[19%]',
       },
       scale: 1,
     },
@@ -119,8 +119,8 @@ export const ELYSIAN_GANGCHON: ResortInfo = {
       id: 'ski-house',
       name: '스키하우스',
       position: {
-        top: 'top-[82%]',
-        left: 'left-[77%]',
+        top: 'top-[83%]',
+        left: 'left-[80%]',
       },
       scale: 1,
     },

diff --git a/src/entities/slop/model/gonjiam.tsx b/src/entities/slop/model/gonjiam.tsx
@@ -128,8 +128,8 @@ export const GONJIAM: ResortInfo = {
       id: 'top-rest-area',
       name: '정상 휴게소',
       position: {
-        top: 'top-[5%]',
-        left: 'left-[19%]',
+        top: 'top-[7%]',
+        left: 'left-[20%]',
       },
       scale: 1,
       src: '/api/webcam?url=http://konjiam.live.cdn.cloudn.co.kr/konjiam/cam01.stream/playlist.m3u8',

diff --git a/src/entities/slop/model/jisan.tsx b/src/entities/slop/model/jisan.tsx
@@ -91,8 +91,8 @@ export const JISAN: ResortInfo = {
       id: 'orange-station',
       name: '오렌지 탑승장',
       position: {
-        top: 'top-[69%]',
-        left: 'left-[29%]',
+        top: 'top-[74%]',
+        left: 'left-[31%]',
       },
       scale: 1,
     },

diff --git a/src/entities/slop/model/muju.tsx b/src/entities/slop/model/muju.tsx
@@ -282,8 +282,8 @@ export const MUJU: ResortInfo = {
       id: 'seolcheonbong-summit',
       name: '설천봉 정상',
       position: {
-        top: 'top-[10%]',
-        left: 'left-[36%]',
+        top: 'top-[12%]',
+        left: 'left-[37%]',
       },
       src: '/api/webcam?url=http://muju.live.cdn.cloudn.co.kr/mujuresort/_definst_/cam07.stream/playlist.m3u8',
       scale: 1,
@@ -302,7 +302,7 @@ export const MUJU: ResortInfo = {
       id: 'seolcheon-top-slope',
       name: '설천상단 슬로프',
       position: {
-        top: 'top-[15%]',
+        top: 'top-[16%]',
         left: 'left-[23%]',
       },
       src: '/api/webcam?url=http://muju.live.cdn.cloudn.co.kr/mujuresort/_definst_/cam06.stream/playlist.m3u8',
@@ -312,8 +312,8 @@ export const MUJU: ResortInfo = {
       id: 'mansunbong-summit',
       name: '만선봉 정상',
       position: {
-        top: 'top-[30%]',
-        left: 'left-[53%]',
+        top: 'top-[32%]',
+        left: 'left-[51%]',
       },
       src: '/api/webcam?url=http://muju.live.cdn.cloudn.co.kr/mujuresort/_definst_/cam02.stream/playlist.m3u8',
       scale: 1,

diff --git a/src/widgets/header/lib/getFormattedYesterday.ts b/src/widgets/header/lib/getFormattedYesterday.ts
@@ -0,0 +1,11 @@
+export const getFormattedYesterday = () => {
+  const today = new Date();
+
+  const yesterday = new Date(today);
+  yesterday.setDate(today.getDate() - 1);
+
+  const month = yesterday.getMonth() + 1;
+  const day = yesterday.getDate();
+
+  return `${month}월 ${day}일`;
+};
diff --git a/src/widgets/header/ui/slop-status-header.tsx b/src/widgets/header/ui/slop-status-header.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import CircleInfo from '@/shared/icons/circle-info';
 import { cn } from '@/shared/lib';
 import { Tooltip } from '@/shared/ui/tooltip';
+import { getFormattedYesterday } from '../lib/getFormattedYesterday';
 
 const SlopStatusHeader = () => {
   return (
@@ -19,7 +20,7 @@ const SlopStatusHeader = () => {
           <p className={cn('body3-medium')}>매일 스키장 홈페이지에 고지된 정보를 가져와요.</p>
         </Tooltip>
       </div>
-      <p className={cn('body1-medium text-gray-50')}>10월 21일 23:00 업데이트</p>
+      <p className={cn('body1-medium text-gray-50')}>{getFormattedYesterday()} 23:00 업데이트</p>
     </div>
   );
 };