chore: enable holiday mode

src/pages/App.tsx

@@ -1,6 +1,5 @@
 import * as Sentry from '@sentry/react'
 import { Suspense, lazy, useEffect } from 'react'
-import { isMobile } from 'react-device-detect'
 import { Navigate, Route, Routes, useLocation, useParams } from 'react-router-dom'
 import { useNetwork, usePrevious } from 'react-use'
 import styled from 'styled-components'
@@ -15,7 +14,6 @@ import Header from 'components/Header'
 import Loader from 'components/LocalLoader'
 import ModalsGlobal from 'components/ModalsGlobal'
 import ProtectedRoute from 'components/ProtectedRoute'
-import Snowfall from 'components/Snowflake/Snowfall'
 import SupportButton from 'components/SupportButton'
 import { APP_PATHS, CHAINS_SUPPORT_CROSS_CHAIN } from 'constants/index'
 import { CLASSIC_NOT_SUPPORTED, ELASTIC_NOT_SUPPORTED, NETWORKS_INFO, SUPPORTED_NETWORKS } from 'constants/networks'
@@ -26,7 +24,6 @@ import useSessionExpiredGlobal from 'hooks/useSessionExpire'
 import { useSyncNetworkParamWithStore } from 'hooks/web3/useSyncNetworkParamWithStore'
 import { PROFILE_MANAGE_ROUTES } from 'pages/NotificationCenter/const'
 import { RedirectPathToSwapV3Network } from 'pages/SwapV3/redirects'
-import { useHolidayMode } from 'state/user/hooks'
 import { isSupportLimitOrder } from 'utils'
 
 import VerifyAuth from './Verify/VerifyAuth'
@@ -209,7 +206,7 @@ export default function App() {
   useGlobalMixpanelEvents()
   const isPartnerSwap = pathname.includes(APP_PATHS.PARTNER_SWAP)
   const showFooter = !pathname.includes(APP_PATHS.ABOUT) && !isPartnerSwap
-  const [holidayMode] = useHolidayMode()
+  //const [holidayMode] = useHolidayMode()
 
   const snowflake = new Image()
   snowflake.src = snow
@@ -225,15 +222,17 @@ export default function App() {
           <Header />
         </HeaderWrapper>
         <Suspense fallback={<Loader />}>
-          {holidayMode && (
+          {/*
+            holidayMode && (
             <Snowfall
               speed={[0.5, 1]}
               wind={[-0.5, 0.25]}
               snowflakeCount={isMobile ? 13 : 31}
               images={[snowflake]}
               radius={[5, 15]}
             />
-          )}
+          )
+          */}
 
           <BodyWrapper>
             <Popups />

src/state/user/hooks.tsx

@@ -46,7 +46,7 @@ import {
   updateUserSlippageTolerance,
 } from 'state/user/actions'
 import { CROSS_CHAIN_SETTING_DEFAULT, CrossChainSetting, VIEW_MODE } from 'state/user/reducer'
-import { isAddress } from 'utils'
+import { isAddress, isChristmasTime } from 'utils'
 
 const MAX_FAVORITE_LIMIT = 12
 
@@ -439,14 +439,13 @@ export const usePaymentToken: () => [Token | null, (paymentToken: Token | null)
 
 export const useHolidayMode: () => [boolean, () => void] = () => {
   const dispatch = useAppDispatch()
-  // const holidayMode = useAppSelector(state => (state.user.holidayMode === undefined ? true : state.user.holidayMode))
+  const holidayMode = useAppSelector(state => (state.user.holidayMode === undefined ? true : state.user.holidayMode))
 
   const toggle = useCallback(() => {
     dispatch(toggleHolidayMode())
   }, [dispatch])
 
-  // return [isChristmasTime() ? holidayMode : false, toggle]
-  return [false, toggle]
+  return [isChristmasTime() ? holidayMode : false, toggle]
 }
 
 export const useCrossChainSetting = () => {

src/utils/index.ts

@@ -394,9 +394,8 @@ export const findTx = (txs: GroupedTxsByHash | undefined, hash: string): Transac
 }
 
 export const isChristmasTime = () => {
-  return false
   const currentTime = dayjs()
-  return false && currentTime.month() === 11 && currentTime.date() >= 15
+  return currentTime.month() === 11 && currentTime.date() >= 12
 }
 
 export const isSupportLimitOrder = (chainId: ChainId): boolean => {