Merge pull request #5897 from EdgeApp/jon/gift-card-pending-ui

Improve pending gift card UI

Author: Jon-edge

src/components/cards/GiftCardDisplayCard.tsx

@@ -138,7 +138,7 @@ export const GiftCardDisplayCard: React.FC<Props> = props => {
 
           {status === 'pending' ? (
             <EdgeText style={styles.pendingText}>
-              {lstrings.fragment_wallet_unconfirmed}
+              {lstrings.gift_card_pending}
             </EdgeText>
           ) : status === 'available' && redemptionUrl != null ? (
             <EdgeTouchableOpacity
@@ -244,7 +244,6 @@ const getStyles = cacheStyles((theme: Theme) => ({
     ...theme.embossedTextShadow
   },
   pendingText: {
-    color: theme.deactivatedText,
     fontSize: theme.rem(0.875),
     fontFamily: theme.fontFaceMedium,
     ...theme.embossedTextShadow

src/components/scenes/GiftCardPurchaseScene.tsx

@@ -51,7 +51,7 @@ import {
 } from '../modals/WalletListModal'
 import { showHtmlModal } from '../modals/WebViewModal'
 import { ShimmerCard } from '../progress-indicators/ShimmerCard'
-import { Airship, showError } from '../services/AirshipInstance'
+import { Airship, showError, showToast } from '../services/AirshipInstance'
 import { cacheStyles, type Theme, useTheme } from '../services/ThemeContext'
 import { EdgeText, Paragraph } from '../themed/EdgeText'
 import { FilledTextInput } from '../themed/FilledTextInput'
@@ -481,6 +481,9 @@ export const GiftCardPurchaseScene: React.FC<Props> = props => {
               fiatCurrency: brand.currency
             })
 
+            // Show toast
+            showToast(lstrings.gift_card_pending_toast)
+
             // Navigate to gift card list to see the pending order
             navigation.navigate('giftCardList')
           }

src/locales/en_US.ts

@@ -1909,6 +1909,9 @@ const strings = {
   gift_card_redeemed_cards: 'Redeemed Cards',
   gift_card_unmark_as_redeemed: 'Unmark as Redeemed',
   gift_card_active_cards: 'Active Cards',
+  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.',
 
   // #endregion
 

src/locales/strings/enUS.json

@@ -1481,6 +1481,8 @@
   "gift_card_redeemed_cards": "Redeemed Cards",
   "gift_card_unmark_as_redeemed": "Unmark as Redeemed",
   "gift_card_active_cards": "Active Cards",
+  "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.",
   "backup_account": "Back Up Account",
   "backup_delete_confirm_message": "Are you sure you want to delete this account without backing up first? You will NOT be able to recover wallets and transactions for this account!",
   "backup_info_message": "Create a username and password to create a full account and secure your funds. No personal information is required",