scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

13
components/Blocks/DynamicContent/Rewards/Redeem/Flows/Tier.tsx
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>

6
components/JsonToHtml/renderOptions.tsx
View File

@@ -66,9 +66,11 @@ function extractPossibleAttributes(attrs: Attributes | undefined) {
props.className = attrs["class-name"]
} else if (attrs.classname) {
props.className = attrs.classname
} else if (attrs?.style?.["text-align"]) {
}
if (attrs.style?.["text-align"]) {
props.style = {
textAlign: attrs?.style?.["text-align"],
textAlign: attrs.style["text-align"],
}
}