SCH-2953 Added a new icon, updated unknown payment method icon (#240)

* SCH-2953 Added a new icon, updated unknown payment method icon * SCH-2953 Updating missed type * SCH-2953 Updating missed type
SchematicHQ · Feb 6, 2025 · 9284899 · 9284899
1 parent 1b8c804
commit 9284899
Show file tree

Hide file tree

Showing 3 changed files with 124 additions and 112 deletions.
diff --git a/components/src/components/elements/payment-method/PaymentMethod.tsx b/components/src/components/elements/payment-method/PaymentMethod.tsx
@@ -212,12 +212,19 @@ const PaymentMethodElement = ({
       },
     };
 
+    const genericLabel =
+      billingName ||
+      billingEmail ||
+      accountName ||
+      bankName ||
+      "Payment method";
+
     const { iconName, iconTitle, label, paymentLast4 } = payments[
       paymentMethodType || ""
     ] ?? {
-      iconName: "link",
-      iconTitle: billingEmail || accountName || bankName || "Payment method",
-      label: billingEmail || accountName || bankName || "Payment method",
+      iconName: "generic-payment",
+      iconTitle: genericLabel,
+      label: genericLabel,
     };
 
     return (

diff --git a/components/src/components/ui/icon/icons.js b/components/src/components/ui/icon/icons.js
@@ -57,58 +57,59 @@ export default {
   "folder-minus": 61752,
   "folder-plus": 61753,
   folder: 61754,
-  glasses: 61755,
-  globe: 61756,
-  hammer: 61757,
-  hash: 61758,
-  heart: 61759,
-  hubspot: 61760,
-  image: 61761,
-  "info-rounded": 61762,
-  juice: 61763,
-  key: 61764,
-  link: 61765,
-  mastercard: 61766,
-  music: 61767,
-  "node-minus": 61768,
-  "node-plus": 61769,
-  package: 61770,
-  "paper-plane": 61771,
-  paypal: 61772,
-  pencil: 61773,
-  percent: 61774,
-  picker: 61775,
-  plan: 61776,
-  plug: 61777,
-  "plus-minus": 61778,
-  "plus-rounded-outline": 61779,
-  present: 61780,
-  schematic: 61781,
-  search: 61782,
-  segment: 61783,
-  "server-search": 61784,
-  sidebar: 61785,
-  signal: 61786,
-  silence: 61787,
-  spade: 61788,
-  speaker: 61789,
-  stacked: 61790,
-  stacks: 61791,
-  stripe: 61792,
-  text: 61793,
-  thunder: 61794,
-  tornado: 61795,
-  truck: 61796,
-  tube: 61797,
-  unprotected: 61798,
-  verified: 61799,
-  "video-camera": 61800,
-  visa: 61801,
-  wallet: 61802,
-  "watch-hand": 61803,
-  "watch-pocket": 61804,
-  "water-drop": 61805,
-  waves: 61806,
-  webhook: 61807,
-  wind: 61808,
+  "generic-payment": 61755,
+  glasses: 61756,
+  globe: 61757,
+  hammer: 61758,
+  hash: 61759,
+  heart: 61760,
+  hubspot: 61761,
+  image: 61762,
+  "info-rounded": 61763,
+  juice: 61764,
+  key: 61765,
+  link: 61766,
+  mastercard: 61767,
+  music: 61768,
+  "node-minus": 61769,
+  "node-plus": 61770,
+  package: 61771,
+  "paper-plane": 61772,
+  paypal: 61773,
+  pencil: 61774,
+  percent: 61775,
+  picker: 61776,
+  plan: 61777,
+  plug: 61778,
+  "plus-minus": 61779,
+  "plus-rounded-outline": 61780,
+  present: 61781,
+  schematic: 61782,
+  search: 61783,
+  segment: 61784,
+  "server-search": 61785,
+  sidebar: 61786,
+  signal: 61787,
+  silence: 61788,
+  spade: 61789,
+  speaker: 61790,
+  stacked: 61791,
+  stacks: 61792,
+  stripe: 61793,
+  text: 61794,
+  thunder: 61795,
+  tornado: 61796,
+  truck: 61797,
+  tube: 61798,
+  unprotected: 61799,
+  verified: 61800,
+  "video-camera": 61801,
+  visa: 61802,
+  wallet: 61803,
+  "watch-hand": 61804,
+  "watch-pocket": 61805,
+  "water-drop": 61806,
+  waves: 61807,
+  webhook: 61808,
+  wind: 61809,
 };