added amount to invoice QR code if it has amount

ZeusLN · Oct 3, 2023 · d87eb5d · d87eb5d
1 parent da4c75a
commit d87eb5d
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 7 deletions.
diff --git a/components/CollapsedQR.tsx b/components/CollapsedQR.tsx
@@ -53,7 +53,7 @@ interface CollapsedQRProps {
     expanded?: boolean;
     textBottom?: boolean;
     truncateLongValue?: boolean;
-    satAmount?: string;
+    satAmount?: string | number;
 }
 
 interface CollapsedQRState {

diff --git a/views/PaymentRequest.tsx b/views/PaymentRequest.tsx
@@ -340,7 +340,10 @@ export default class PaymentRequest extends React.Component<
             <Icon
                 name="qr-code"
                 onPress={() => {
-                    navigation.navigate('QR', { value: paymentRequest });
+                    navigation.navigate('QR', {
+                        value: paymentRequest,
+                        satAmount: requestAmount
+                    });
                 }}
                 color={themeColor('text')}
                 underlayColor="transparent"

diff --git a/views/QR.tsx b/views/QR.tsx
@@ -11,20 +11,25 @@ interface QRProps {
 
 interface QRState {
     value: string;
+    satAmount?: number;
 }
 
 export default class QR extends React.PureComponent<QRProps, QRState> {
     constructor(props: any) {
         super(props);
         const value: string = this.props.navigation.getParam('value', '');
+        const satAmount: number | undefined =
+            this.props.navigation.getParam('satAmount');
+
         this.state = {
-            value
+            value,
+            satAmount
         };
     }
 
     render() {
         const { navigation } = this.props;
-        const { value } = this.state;
+        const { value, satAmount } = this.state;
 
         return (
             <Screen>
@@ -38,11 +43,16 @@ export default class QR extends React.PureComponent<QRProps, QRState> {
                 />
                 <View
                     style={{
-                        top: 5,
-                        padding: 15
+                        paddingLeft: 15,
+                        paddingRight: 15
                     }}
                 >
-                    <CollapsedQR value={value} expanded textBottom />
+                    <CollapsedQR
+                        value={value}
+                        satAmount={satAmount}
+                        expanded
+                        textBottom
+                    />
                 </View>
             </Screen>
         );