chore: feedback from sam

app/i18n/en/index.ts

@@ -525,8 +525,8 @@ const en: BaseTranslation = {
     title: "Receive Bitcoin",
     usdTitle: "Receive USD",
     error: "Failed to generate invoice. Please contact support if this problem persists.",
-    copyInvoice: "Copy Invoice",
-    shareInvoice: "Share Invoice",
+    copyInvoice: "Copy",
+    shareInvoice: "Share",
     addAmount: "Request Specific Amount",
     expired: "The invoice has expired",
     expiresIn: "Expires in",

app/i18n/i18n-types.ts

@@ -1621,11 +1621,11 @@ type RootTranslation = {
 		 */
 		error: string
 		/**
-		 * C​o​p​y​ ​I​n​v​o​i​c​e
+		 * C​o​p​y
 		 */
 		copyInvoice: string
 		/**
-		 * S​h​a​r​e​ ​I​n​v​o​i​c​e
+		 * S​h​a​r​e
 		 */
 		shareInvoice: string
 		/**
@@ -4814,11 +4814,11 @@ export type TranslationFunctions = {
 		 */
 		error: () => LocalizedString
 		/**
-		 * Copy Invoice
+		 * Copy
 		 */
 		copyInvoice: () => LocalizedString
 		/**
-		 * Share Invoice
+		 * Share
 		 */
 		shareInvoice: () => LocalizedString
 		/**

app/i18n/raw-i18n/source/en.json

@@ -495,8 +495,8 @@
         "title": "Receive Bitcoin",
         "usdTitle": "Receive USD",
         "error": "Failed to generate invoice. Please contact support if this problem persists.",
-        "copyInvoice": "Copy Invoice",
-        "shareInvoice": "Share Invoice",
+        "copyInvoice": "Copy",
+        "shareInvoice": "Share",
         "addAmount": "Request Specific Amount",
         "expired": "The invoice has expired",
         "expiresIn": "Expires in",

app/screens/receive-bitcoin-screen/receive-screen.tsx

@@ -5,7 +5,7 @@ import { useI18nContext } from "@app/i18n/i18n-react"
 import { requestNotificationPermission } from "@app/utils/notifications"
 import { useIsFocused, useNavigation } from "@react-navigation/native"
 import React, { useEffect } from "react"
-import { Pressable, View } from "react-native"
+import { Pressable, TouchableOpacity, View } from "react-native"
 import { testProps } from "../../utils/testProps"
 import { withMyLnUpdateSub } from "./my-ln-updates-sub"
 import { makeStyles, Text, useTheme } from "@rneui/themed"
@@ -127,30 +127,39 @@ const ReceiveScreen = () => {
         />
 
         <View style={styles.invoiceActions}>
-          <View style={styles.copyInvoiceContainer}>
-            <Pressable
-              {...testProps(LL.ReceiveScreen.copyInvoice())}
-              onPress={request.copyToClipboard}
-            >
-              <Text color={colors.grey2}>
-                <Icon color={colors.grey2} name="copy-outline" />
-                <Text> </Text>
-                {LL.ReceiveScreen.copyInvoice()}
-              </Text>
-            </Pressable>
-          </View>
-          <View style={styles.shareInvoiceContainer}>
-            <Pressable
-              {...testProps(LL.ReceiveScreen.shareInvoice())}
-              onPress={request.share}
-            >
-              <Text color={colors.grey2}>
-                <Icon color={colors.grey2} name="share-outline" />
-                <Text> </Text>
-                {LL.ReceiveScreen.shareInvoice()}
-              </Text>
-            </Pressable>
-          </View>
+          {request.state !== PaymentRequestState.Loading && (
+            <>
+              <View style={styles.copyInvoiceContainer}>
+                <TouchableOpacity
+                  {...testProps(LL.ReceiveScreen.copyInvoice())}
+                  onPress={request.copyToClipboard}
+                >
+                  <Text color={colors.grey2}>
+                    <Icon color={colors.grey2} name="copy-outline" />
+                    <Text> </Text>
+                    {LL.ReceiveScreen.copyInvoice()}
+                  </Text>
+                </TouchableOpacity>
+              </View>
+              <TouchableOpacity onPress={request.copyToClipboard}>
+                <View>
+                  <Text color={colors.grey2}>{request.readablePaymentRequest}</Text>
+                </View>
+              </TouchableOpacity>
+              <View style={styles.shareInvoiceContainer}>
+                <TouchableOpacity
+                  {...testProps(LL.ReceiveScreen.shareInvoice())}
+                  onPress={request.share}
+                >
+                  <Text color={colors.grey2}>
+                    <Icon color={colors.grey2} name="share-outline" />
+                    <Text> </Text>
+                    {LL.ReceiveScreen.shareInvoice()}
+                  </Text>
+                </TouchableOpacity>
+              </View>
+            </>
+          )}
         </View>
 
         <View style={styles.extraDetails}>
@@ -201,7 +210,7 @@ const ReceiveScreen = () => {
 const useStyles = makeStyles(({ colors }) => ({
   screenStyle: {
     paddingHorizontal: 16,
-    paddingVertical: 2,
+    paddingBottom: 12,
     flexGrow: 1,
   },
   tabRow: {
@@ -259,6 +268,7 @@ const useStyles = makeStyles(({ colors }) => ({
     flexDirection: "row",
     justifyContent: "center",
     marginBottom: 10,
+    height: 20,
   },
   copyInvoiceContainer: {
     flex: 2,

app/screens/receive-bitcoin-screen/use-receive-bitcoin.ts

@@ -426,6 +426,15 @@ export const useReceiveBitcoin = () => {
     extraDetails = `${pr.info.data.username}@${lnAddressHostname}`
   }
 
+  let readablePaymentRequest = ""
+  if (pr?.info?.data?.invoiceType === Invoice.Lightning) {
+    const uri = pr.info?.data?.getFullUriFn({})
+    readablePaymentRequest = `${uri.slice(0, 6)}..${uri.slice(-6)}`
+  } else if (pr?.info?.data?.invoiceType === Invoice.OnChain) {
+    const address = pr.info?.data?.address || ""
+    readablePaymentRequest = `${address.slice(0, 6)}..${address.slice(-6)}`
+  }
+
   return {
     ...prcd,
     setType,
@@ -442,5 +451,6 @@ export const useReceiveBitcoin = () => {
     share,
     isSetLightningAddressModalVisible,
     toggleIsSetLightningAddressModalVisible,
+    readablePaymentRequest,
   }
 }