From 258ee58c5cde07e2e44a49850cc67de1338e5e1e Mon Sep 17 00:00:00 2001
From: Sandipan Dey <hey@sandipan.dev>
Date: Thu, 13 Jul 2023 18:54:59 +0530
Subject: [PATCH] feat: onchain receive fees

---
 app/components/button-group/button-group.tsx     |  2 +-
 app/screens/receive-bitcoin-screen/qr-view.tsx   |  2 +-
 .../receive-bitcoin-screen/receive-screen.tsx    | 16 ++++++++++++++++
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/app/components/button-group/button-group.tsx b/app/components/button-group/button-group.tsx
index 36acfa76e5..d1e21fd4f3 100644
--- a/app/components/button-group/button-group.tsx
+++ b/app/components/button-group/button-group.tsx
@@ -73,7 +73,7 @@ const useStyles = makeStyles(({ colors }, selected: boolean) => ({
     alignItems: "center",
     justifyContent: "space-between",
     padding: 10,
-    paddingVertical: 14,
+    paddingVertical: 10,
     marginHorizontal: 3,
     borderRadius: 5,
     backgroundColor: selected ? colors.grey5 : colors.grey4,
diff --git a/app/screens/receive-bitcoin-screen/qr-view.tsx b/app/screens/receive-bitcoin-screen/qr-view.tsx
index 427ea15c8b..5b5f9185d4 100644
--- a/app/screens/receive-bitcoin-screen/qr-view.tsx
+++ b/app/screens/receive-bitcoin-screen/qr-view.tsx
@@ -102,7 +102,7 @@ export const QRView: React.FC<Props> = ({
     if (copyToClipboard) copyToClipboard()
     Animated.timing(scaleAnim, {
       toValue: 1,
-      duration: 10,
+      duration: 50,
       useNativeDriver: true,
     }).start()
   }
diff --git a/app/screens/receive-bitcoin-screen/receive-screen.tsx b/app/screens/receive-bitcoin-screen/receive-screen.tsx
index 7e893eed9f..6d72efe6a9 100644
--- a/app/screens/receive-bitcoin-screen/receive-screen.tsx
+++ b/app/screens/receive-bitcoin-screen/receive-screen.tsx
@@ -87,6 +87,20 @@ const ReceiveScreen = () => {
     setReceivingWallet,
   } = request
 
+  const OnChainCharge =
+    request.feesInformation?.deposit.minBankFee &&
+    request.feesInformation?.deposit.minBankFeeThreshold &&
+    request.type === Invoice.OnChain ? (
+      <View style={{ marginTop: 10, alignItems: "center" }}>
+        <Text type="p4">
+          {LL.ReceiveScreen.fees({
+            minBankFee: request.feesInformation?.deposit.minBankFee,
+            minBankFeeThreshold: request.feesInformation?.deposit.minBankFeeThreshold,
+          })}
+        </Text>
+      </View>
+    ) : undefined
+
   return (
     <>
       <Screen
@@ -180,6 +194,8 @@ const ReceiveScreen = () => {
           style={styles.note}
         />
 
+        {OnChainCharge}
+
         <SetLightningAddressModal
           isVisible={request.isSetLightningAddressModalVisible}
           toggleModal={request.toggleIsSetLightningAddressModalVisible}