feat(SW-245): Delete credit card

2024-08-13 10:20:59 +02:00
parent 2af17ef4d8
commit e9a6499086
33 changed files with 603 additions and 208 deletions
--- a/components/Profile/CreditCardRow/index.tsx
+++ b/components/Profile/CreditCardRow/index.tsx
@@ -0,0 +1,22 @@
+import { CreditCard } from "@/components/Icons"
+import Body from "@/components/TempDesignSystem/Text/Body"
+import Caption from "@/components/TempDesignSystem/Text/Caption"
+
+import DeleteCreditCardConfirmation from "../DeleteCreditCardConfirmation"
+
+import styles from "./creditCardRow.module.css"
+
+import type { CreditCardRowProps } from "@/types/components/myPages/myProfile/creditCards"
+
+export default function CreditCardRow({ card }: CreditCardRowProps) {
+  const maskedCardNumber = `**** ${card.truncatedNumber.slice(-4)}`
+
+  return (
+    <div className={styles.card}>
+      <CreditCard color="black" />
+      <Body textTransform="bold">{card.type}</Body>
+      <Caption color="textMediumContrast">{maskedCardNumber}</Caption>
+      <DeleteCreditCardConfirmation card={card} />
+    </div>
+  )
+}