fix: hide thorswap free fee banner after 2024 (#8435)

shapeshift · Dec 20, 2024 · bab6906 · bab6906
1 parent 38db4d0
commit bab6906
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/components/MultiHopTrade/components/SharedTradeInput/SharedTradeInput.tsx b/src/components/MultiHopTrade/components/SharedTradeInput/SharedTradeInput.tsx
@@ -1,8 +1,10 @@
 import type { CardProps } from '@chakra-ui/react'
 import { Box, Card, Center, Flex, useMediaQuery } from '@chakra-ui/react'
 import type { FormEvent } from 'react'
+import { useMemo } from 'react'
 import type { TradeInputTab } from 'components/MultiHopTrade/types'
 import { ThorFreeFeeBanner } from 'components/ThorFreeFeeBanner/ThorFreeFeeBanner'
+import { THORSWAP_MAXIMUM_YEAR_TRESHOLD } from 'lib/fees/model'
 import { breakpoints } from 'theme/theme'
 
 import { SharedTradeInputHeader } from '../SharedTradeInput/SharedTradeInputHeader'
@@ -46,6 +48,11 @@ export const SharedTradeInput: React.FC<SharedTradeInputProps> = ({
   const [isSmallerThanXl] = useMediaQuery(`(max-width: ${breakpoints.xl})`, { ssr: false })
   const totalHeight = useSharedHeight(tradeInputRef)
 
+  const shouldDisplayThorFreeFeeBanner = useMemo(
+    () => new Date().getUTCFullYear() < THORSWAP_MAXIMUM_YEAR_TRESHOLD,
+    [],
+  )
+
   return (
     <Flex
       id='test-flex'
@@ -55,7 +62,7 @@ export const SharedTradeInput: React.FC<SharedTradeInputProps> = ({
     >
       <Center width='inherit' alignItems='flex-end'>
         <Box width='full' maxWidth='500px'>
-          <ThorFreeFeeBanner />
+          {shouldDisplayThorFreeFeeBanner ? <ThorFreeFeeBanner /> : null}
           <Card
             flex={1}
             width='full'

diff --git a/src/components/MultiHopTrade/components/SlideTransitionRoute.tsx b/src/components/MultiHopTrade/components/SlideTransitionRoute.tsx
@@ -6,6 +6,7 @@ import { useHistory } from 'react-router'
 import { TradeSlideTransition } from 'components/MultiHopTrade/TradeSlideTransition'
 import type { TradeRoutePaths } from 'components/MultiHopTrade/types'
 import { ThorFreeFeeBanner } from 'components/ThorFreeFeeBanner/ThorFreeFeeBanner'
+import { THORSWAP_MAXIMUM_YEAR_TRESHOLD } from 'lib/fees/model'
 import { breakpoints } from 'theme/theme'
 
 import type { LimitOrderRoutePaths } from './LimitOrder/types'
@@ -46,10 +47,15 @@ export const SlideTransitionRoute = ({
     [width, height],
   )
 
+  const shouldDisplayThorFreeFeeBanner = useMemo(
+    () => new Date().getUTCFullYear() < THORSWAP_MAXIMUM_YEAR_TRESHOLD,
+    [],
+  )
+
   return (
     <Center width='inherit' alignItems='flex-end'>
       <Box width='full' maxWidth='500px'>
-        <ThorFreeFeeBanner />
+        {shouldDisplayThorFreeFeeBanner ? <ThorFreeFeeBanner /> : null}
         <TradeSlideTransition>
           <Flex
             width='full'