Merge pull request #162 from dnd-side-project/feature/#158/dowmtime-notice

Author: hansololiviakim

src/App.tsx

@@ -21,6 +21,7 @@ import {
 } from '@/assets/images'
 import { useAnonymousLogin } from '@/features/auth/model/useAuth'
 import { useAuthStore } from '@/features/auth/store/authStore'
+import { isDowntimeNow } from '@/shared/lib/isDowntimeNow'
 import { GlobalErrorModal } from '@/shared/ui'
 import NavBar, { NAV_HEIGHT } from '@/widgets/layout/NavBar'
 
@@ -42,7 +43,6 @@ const App = () => {
   const LAYOUT_BOTTOM_GAP = isMobileView ? 16 : 34
 
   // 비회원일 경우 API 호출을 위한 익명 토큰 발급
-  // TODO: 토큰 만료됐을 경우 응답 체크해서 해당 값일 경우 토큰 재발급
   const checkAnonymousLogin = () => {
     const token = sessionStorage.getItem('anonymous_token')
     if (!isLogin && !token) {
@@ -85,23 +85,17 @@ const App = () => {
 
   useEffect(() => {
     const { pathname } = location
+    const isDowntime = isDowntimeNow()
 
-    // 서버 클로징 시간(한국 기준 3시~7시)일 경우 /downtime으로 랜딩
-    const hourKST = Number(
-      new Date().toLocaleString('en-US', {
-        timeZone: 'Asia/Seoul',
-        hour: '2-digit',
-        hour12: false,
-      })
-    )
-    const isDowntime = hourKST >= 3 && hourKST < 7
+    // 네비게이션 미노출 여부 확인
+    setIsNavVisible(!getHideNav(pathname))
 
-    if (isDowntime && pathname !== '/downtime') {
-      navigate('/downtime')
+    if (isDowntime) {
+      if (pathname !== '/downtime') navigate('/downtime')
       return
     }
 
-    if (!isDowntime && pathname === '/downtime') {
+    if (pathname === '/downtime') {
       navigate('/')
       return
     }
@@ -112,9 +106,6 @@ const App = () => {
     } else {
       checkAnonymousLogin()
     }
-
-    // 네비게이션 미노출 여부 확인
-    setIsNavVisible(!getHideNav(pathname))
   }, [location.pathname])
 
   return (

src/entities/playlist/model/usePlaylists.ts

@@ -15,6 +15,7 @@ import {
 } from '@/entities/playlist/api/playlist'
 import type { Cursor, PlaylistResponse } from '@/entities/playlist/types/playlist'
 import { useAuthStore } from '@/features/auth/store/authStore'
+import { isDowntimeNow } from '@/shared/lib/isDowntimeNow'
 
 export const useShufflePlaylists = (size: number = 5) => {
   return useInfiniteQuery<
@@ -38,7 +39,9 @@ export const useShufflePlaylists = (size: number = 5) => {
       }
       return undefined
     },
-    enabled: !!useAuthStore.getState().accessToken || !!sessionStorage.getItem('anonymous_token'),
+    enabled:
+      (!!useAuthStore.getState().accessToken || !!sessionStorage.getItem('anonymous_token')) &&
+      !isDowntimeNow(),
   })
 }
 

src/pages/home/ui/FeedbackBottomSheet.tsx

@@ -42,7 +42,7 @@ const FeedbackBottomSheet = ({ isOpen, onClose }: FeedbackBottomSheetProps) => {
         <img src={FeedbackImg} alt="feedback" width={206} height={206} />
       </Content>
       <ButtonWrapper>
-        <Label>~ 11/30(일)까지</Label>
+        <Label>~ 12/31(수)까지</Label>
         <Button onClick={() => navigate('/feedback')} size="L" state="primary">
           유저테스트 참여하기
         </Button>

src/pages/mycd/ui/PlaylistCarousel.tsx

@@ -99,7 +99,7 @@ export default PlaylistCarousel
 const EmblaSlide = styled.div<{ $isMobile?: boolean }>`
   flex: 0 0 50%;
   ${flexRowCenter}
-  padding: ${({ $isMobile }) => ($isMobile ? '4px 0 0 0' : '16px 0')};
+  padding: ${({ $isMobile }) => ($isMobile ? '6px 0 0 0' : '16px 0')};
 `
 
 const Slide = styled.div<{ $active?: boolean; $isMobile?: boolean }>`

src/shared/lib/isDowntimeNow.ts

@@ -0,0 +1,15 @@
+// 서버 클로징 시간 (한국 기준 3시~7시)
+const START_HOUR = 3
+const END_HOUR = 7
+
+export const isDowntimeNow = () => {
+  const hourKST = Number(
+    new Date().toLocaleString('en-US', {
+      timeZone: 'Asia/Seoul',
+      hour: '2-digit',
+      hour12: false,
+    })
+  )
+
+  return hourKST >= START_HOUR && hourKST < END_HOUR
+}