Merge pull request #10184 from msalcala11/gift-card-improvements

Gift card improvements

Author: cmgustavo

src/pages/integrations/gift-cards/card-catalog/card-catalog.ts

@@ -117,7 +117,7 @@ export class CardCatalogPage extends WideHeaderPage {
 }
 
 export function isCardInSearchResults(c: CardConfig, search: string = '') {
-  const cardName = c.name.toLowerCase();
+  const cardName = (c.displayName || c.name).toLowerCase();
   const query = search.toLowerCase();
   const matchableText = [cardName, stripPunctuation(cardName)];
   return search && matchableText.some(text => text.indexOf(query) > -1);

src/pages/integrations/gift-cards/card-details/card-details.scss

@@ -23,11 +23,14 @@ card-details-page {
 
   .card-image {
     img {
+      background: white;
       position: relative;
       z-index: 1;
       max-width: 82%;
       height: auto;
       width: 265px;
+      min-height: 130px;
+      min-width: 210px;
     }
 
     + .actions-wrapper {

src/pipes/format-currency.ts

@@ -22,10 +22,16 @@ export class FormatCurrencyPipe implements PipeTransform {
       amount,
       getPrecisionString(precision)
     );
-    const finalValue =
-      currencyCode.toUpperCase() === 'USD'
-        ? `$${numericValue}`
-        : `${numericValue} ${currencyCode}`;
+    const symbolMap = {
+      USD: '$',
+      GBP: '£',
+      EUR: '€',
+      JPY: '¥'
+    };
+    const symbol = symbolMap[currencyCode.toUpperCase()];
+    const finalValue = symbol
+      ? `${symbol}${numericValue}`
+      : `${numericValue} ${currencyCode}`;
 
     return finalValue;
   }