Show QuoteID in gift card menu modal

Display the Phaze quoteId at the top of the kebab menu modal for
easier debugging and support reference.

Author: Jon-edge

src/components/modals/GiftCardMenuModal.tsx

@@ -2,6 +2,7 @@ import type { EdgeCurrencyWallet, EdgeTransaction } from 'edge-core-js'
 import * as React from 'react'
 import { ActivityIndicator, View } from 'react-native'
 import type { AirshipBridge } from 'react-native-airship'
+import { sprintf } from 'sprintf-js'
 
 import { useHandler } from '../../hooks/useHandler'
 import { useWatch } from '../../hooks/useWatch'
@@ -10,6 +11,7 @@ import type { PhazeDisplayOrder } from '../../plugins/gift-cards/phazeGiftCardTy
 import { useSelector } from '../../types/reactRedux'
 import { ArrowRightIcon, CheckIcon } from '../icons/ThemedIcons'
 import { cacheStyles, type Theme, useTheme } from '../services/ThemeContext'
+import { EdgeText } from '../themed/EdgeText'
 import { SelectableRow } from '../themed/SelectableRow'
 import { EdgeModal } from './EdgeModal'
 
@@ -105,6 +107,9 @@ export const GiftCardMenuModal: React.FC<Props> = props => {
 
   return (
     <EdgeModal bridge={bridge} title={order.brandName} onCancel={handleCancel}>
+      <EdgeText style={styles.quoteIdText} numberOfLines={1}>
+        {sprintf(lstrings.gift_card_quote_id_label_1s, order.quoteId)}
+      </EdgeText>
       <SelectableRow
         marginRem={0.5}
         title={lstrings.gift_card_go_to_transaction}
@@ -140,6 +145,12 @@ export const GiftCardMenuModal: React.FC<Props> = props => {
 }
 
 const getStyles = cacheStyles((theme: Theme) => ({
+  quoteIdText: {
+    fontSize: theme.rem(0.75),
+    color: theme.secondaryText,
+    marginHorizontal: theme.rem(0.5),
+    marginBottom: theme.rem(0.5)
+  },
   iconContainer: {
     width: theme.rem(2.5),
     height: theme.rem(2.5),

src/locales/en_US.ts

@@ -1958,6 +1958,7 @@ const strings = {
   gift_card_pending: 'Pending Delivery, Please Wait...',
   gift_card_pending_toast:
     'Your gift card is being delivered. Please wait for a few minutes for it to arrive.',
+  gift_card_quote_id_label_1s: 'QuoteID: %1$s',
   gift_card_quote_expired_toast: 'Your quote has expired. Please try again.',
   gift_card_product_unavailable_title: 'Temporarily Unavailable',
   gift_card_product_unavailable_warning:

src/locales/strings/enUS.json

@@ -1523,6 +1523,7 @@
   "gift_card_failed": "Failed",
   "gift_card_pending": "Pending Delivery, Please Wait...",
   "gift_card_pending_toast": "Your gift card is being delivered. Please wait for a few minutes for it to arrive.",
+  "gift_card_quote_id_label_1s": "QuoteID: %1$s",
   "gift_card_quote_expired_toast": "Your quote has expired. Please try again.",
   "gift_card_product_unavailable_title": "Temporarily Unavailable",
   "gift_card_product_unavailable_warning": "Card is temporarily unavailable. Please select another card from this brand or try again later.",