diff --git a/src/entities/slop/model/eden.tsx b/src/entities/slop/model/eden.tsx index b85b47c..b9a1878 100644 --- 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 index 723f6f1..0b90df7 100644 --- 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 index e2c9b39..6bec7d1 100644 --- 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 index 2348665..253344e 100644 --- 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 index 7ee8735..e0342b5 100644 --- 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 new file mode 100644 index 0000000..1eacf08 --- /dev/null +++ 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 index b6546ef..044f24a 100644 --- 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 = () => {

매일 스키장 홈페이지에 고지된 정보를 가져와요.

-

10월 21일 23:00 업데이트

+

{getFormattedYesterday()} 23:00 업데이트

); };