feat(LOY-135): change redeem description to be RTE

This commit is contained in:
Christian Andolf
2025-02-14 16:37:56 +01:00
parent 9b61417264
commit a192d32f7e
5 changed files with 236 additions and 31 deletions

View File

@@ -2,6 +2,7 @@
import { useIntl } from "react-intl"
import JsonToHtml from "@/components/JsonToHtml"
import Button from "@/components/TempDesignSystem/Button"
import Body from "@/components/TempDesignSystem/Text/Body"
import Title from "@/components/TempDesignSystem/Text/Title"
@@ -53,7 +54,12 @@ export default function Tier({
)}
{redeemStep === "confirmation" && (
<Body textAlign="center">{reward.redeem_description}</Body>
<JsonToHtml
embeds={
reward.redeem_description.embedded_itemsConnection.edges
}
nodes={reward.redeem_description.json.children}
/>
)}
{redeemStep === "redeemed" &&
@@ -63,7 +69,10 @@ export default function Tier({
)}
</>
) : (
<Body textAlign="center">{reward.redeem_description}</Body>
<JsonToHtml
embeds={reward.redeem_description.embedded_itemsConnection.edges}
nodes={reward.redeem_description.json.children}
/>
)}
</div>