diff --git a/apps/voucher/components/user-links/index.tsx b/apps/voucher/components/user-links/index.tsx index cc66c9d6082..440a27a6f06 100644 --- a/apps/voucher/components/user-links/index.tsx +++ b/apps/voucher/components/user-links/index.tsx @@ -6,6 +6,7 @@ import styles from "./user-links.module.css" import { formatDate } from "@/utils/helpers" import { Status, WithdrawLink } from "@/lib/graphql/generated" +import { formatCurrency } from "@/lib/utils" interface UserLinksProps { withdrawLink: WithdrawLink @@ -44,14 +45,14 @@ export default function UserLinks({ withdrawLink }: UserLinksProps) { withdrawLink.status === Status.Paid ? "#a9a9a975" : withdrawLink.status === Status.Active - ? "#207f3c75" - : "white", + ? "#207f3c75" + : "white", color: withdrawLink.status === Status.Paid ? "#757575" : withdrawLink.status === Status.Active - ? "#0a802d" - : "white", + ? "#0a802d" + : "white", }} className={styles.Status} > @@ -66,15 +67,21 @@ export default function UserLinks({ withdrawLink }: UserLinksProps) {
- Voucher Amount{" "} -

${withdrawLink.voucherAmountInCents / 100} US

+ Voucher Value{" "} +

+ {formatCurrency({ + amount: withdrawLink.voucherAmountInCents / 100, + currency: "USD", + })} +

- Percent commission

{withdrawLink.commissionPercentage}

+ Percent commission +

{withdrawLink.commissionPercentage}

- Sales amount{" "} -

${withdrawLink?.salesAmountInCents / 100} US

+ Voucher Price +

{withdrawLink?.displayVoucherPrice}