fix: hide redeem button with feature flag

components/Blocks/DynamicContent/Rewards/CurrentLevel/Client.tsx

@@ -18,6 +18,7 @@ import type { CurrentRewardsClientProps } from "@/types/components/myPages/myPag
 
 export default function ClientCurrentRewards({
   initialCurrentRewards,
+  showRedeem,
 }: CurrentRewardsClientProps) {
   const lang = useLang()
   const { data, isFetching, fetchNextPage, hasNextPage, isLoading } =
@@ -73,9 +74,11 @@ export default function ClientCurrentRewards({
                 {reward.label}
               </Title>
             </div>
-            <div className={styles.btnContainer}>
-              <Redeem reward={reward} />
-            </div>
+            {showRedeem && (
+              <div className={styles.btnContainer}>
+                <Redeem reward={reward} />
+              </div>
+            )}
           </article>
         ))}
       </Grids.Stackable>

components/Blocks/DynamicContent/Rewards/CurrentLevel/index.tsx

@@ -1,3 +1,4 @@
+import { env } from "@/env/server"
 import { serverClient } from "@/lib/trpc/server"
 
 import SectionContainer from "@/components/Section/Container"
@@ -25,7 +26,10 @@ export default async function CurrentRewardsBlock({
   return (
     <SectionContainer>
       <SectionHeader title={title} link={link} preamble={subtitle} />
-      <ClientCurrentRewards initialCurrentRewards={initialCurrentRewards} />
+      <ClientCurrentRewards
+        initialCurrentRewards={initialCurrentRewards}
+        showRedeem={env.USE_NEW_REWARDS_ENDPOINT}
+      />
       <SectionLink link={link} variant="mobile" />
     </SectionContainer>
   )

types/components/myPages/myPage/accountPage.ts

@@ -22,6 +22,7 @@ export type ContentProps = {
 
 export interface CurrentRewardsClientProps {
   initialCurrentRewards: { rewards: Reward[]; nextCursor: number | undefined }
+  showRedeem: boolean
 }
 
 export interface Redeem {