fix: hide new cs rewards model behind feature flag

This commit is contained in:
Christian Andolf
2024-12-10 16:21:08 +01:00
parent f075521421
commit 0d607d7cc7
11 changed files with 106 additions and 23 deletions

View File

@@ -1,6 +1,6 @@
"use client"
import { useRef,useState } from "react"
import { useRef, useState } from "react"
import Image from "@/components/Image"
import Pagination from "@/components/MyPages/Pagination"
@@ -58,7 +58,7 @@ export default function ClientCurrentRewards({
{reward.label}
</Title>
</div>
{showRedeem && (
{showRedeem && "redeem_description" in reward && (
<div className={styles.btnContainer}>
<Redeem reward={reward} />
</div>

View File

@@ -23,15 +23,15 @@ import Title from "@/components/TempDesignSystem/Text/Title"
import styles from "./current.module.css"
import type {
Redeem,
RedeemModalState,
RedeemProps,
RedeemStep,
} from "@/types/components/myPages/myPage/accountPage"
const MotionOverlay = motion(ModalOverlay)
const MotionModal = motion(Modal)
export default function Redeem({ reward }: Redeem) {
export default function Redeem({ reward }: RedeemProps) {
const [animation, setAnimation] = useState<RedeemModalState>("unmounted")
const intl = useIntl()
const update = trpc.contentstack.rewards.redeem.useMutation()
@@ -125,9 +125,12 @@ export default function Redeem({ reward }: Redeem) {
<Body textAlign="center">{reward.description}</Body>
)}
{redeemStep === "confirmation" && (
<Body textAlign="center">{reward.redeem_description}</Body>
)}
{redeemStep === "confirmation" &&
"redeem_description" in reward && (
<Body textAlign="center">
{reward.redeem_description}
</Body>
)}
</div>
{redeemStep === "initial" && (
<footer className={styles.modalFooter}>

View File

@@ -26,7 +26,7 @@ export default async function CurrentRewardsBlock({
<ClientCurrentRewards
rewards={rewardsResponse.rewards}
pageSize={6}
showRedeem={env.USE_NEW_REWARDS_ENDPOINT}
showRedeem={env.USE_NEW_REWARDS_ENDPOINT && env.USE_NEW_REWARD_MODEL}
/>
<SectionLink link={link} variant="mobile" />
</SectionContainer>