From 37b174b1248d4eefff36c906fe568f5cff7a6035 Mon Sep 17 00:00:00 2001
From: Shivam Purohit <shivampurohit900@gmail.com>
Date: Mon, 15 Apr 2024 15:02:32 +0530
Subject: [PATCH] successErrorMessage: dynamic margin

Signed-off-by: Shivam Purohit <shivampurohit900@gmail.com>
---
 components/SuccessErrorMessage.tsx | 46 ++++++++++++++++++++++++------
 views/Receive.tsx                  |  7 ++++-
 2 files changed, 44 insertions(+), 9 deletions(-)

diff --git a/components/SuccessErrorMessage.tsx b/components/SuccessErrorMessage.tsx
index b59bdd386..b772d3d02 100644
--- a/components/SuccessErrorMessage.tsx
+++ b/components/SuccessErrorMessage.tsx
@@ -9,6 +9,7 @@ interface MessageProps {
     mainStyle?: any;
     dismissable?: boolean;
     onPress?: () => void;
+    top: number;
 }
 
 const Message = ({
@@ -17,14 +18,20 @@ const Message = ({
     link,
     mainStyle,
     dismissable,
-    onPress
+    onPress,
+    top
 }: MessageProps) => {
     const [isDismissed, setDismissed] = useState(false);
     if (isDismissed) return;
     return onPress ? (
         <TouchableOpacity style={[styles.field]} onPress={onPress}>
             <Text
-                style={[styles.field, mainStyle, { fontSize: fontSize || 20 }]}
+                style={[
+                    styles.field,
+                    mainStyle,
+                    { fontSize: fontSize || 20 },
+                    { top: top || 10 }
+                ]}
             >
                 {message}
             </Text>
@@ -35,7 +42,12 @@ const Message = ({
             onPress={() => setDismissed(true)}
         >
             <Text
-                style={[styles.field, mainStyle, { fontSize: fontSize || 20 }]}
+                style={[
+                    styles.field,
+                    mainStyle,
+                    { fontSize: fontSize || 20 },
+                    { top: top || 10 }
+                ]}
             >
                 {message}
             </Text>
@@ -46,13 +58,25 @@ const Message = ({
             onPress={() => UrlUtils.goToUrl(link)}
         >
             <Text
-                style={[styles.field, mainStyle, { fontSize: fontSize || 20 }]}
+                style={[
+                    styles.field,
+                    mainStyle,
+                    { fontSize: fontSize || 20 },
+                    { top: top || 10 }
+                ]}
             >
                 {message}
             </Text>
         </TouchableOpacity>
     ) : (
-        <Text style={[styles.field, mainStyle, { fontSize: fontSize || 20 }]}>
+        <Text
+            style={[
+                styles.field,
+                mainStyle,
+                { fontSize: fontSize || 20 },
+                { top: top || 10 }
+            ]}
+        >
             {message}
         </Text>
     );
@@ -63,7 +87,8 @@ const SuccessMessage = ({
     fontSize,
     link,
     dismissable,
-    onPress
+    onPress,
+    top
 }: MessageProps) => (
     <Message
         message={message}
@@ -72,6 +97,7 @@ const SuccessMessage = ({
         mainStyle={styles.successField}
         dismissable={dismissable}
         onPress={onPress}
+        top={top}
     />
 );
 
@@ -80,7 +106,8 @@ const WarningMessage = ({
     fontSize,
     link,
     dismissable,
-    onPress
+    onPress,
+    top
 }: MessageProps) => (
     <Message
         message={message}
@@ -89,6 +116,7 @@ const WarningMessage = ({
         mainStyle={styles.warningField}
         dismissable={dismissable}
         onPress={onPress}
+        top={top}
     />
 );
 
@@ -97,7 +125,8 @@ const ErrorMessage = ({
     fontSize,
     link,
     dismissable,
-    onPress
+    onPress,
+    top
 }: MessageProps) => (
     <Message
         message={message}
@@ -106,6 +135,7 @@ const ErrorMessage = ({
         mainStyle={styles.errorField}
         dismissable={dismissable}
         onPress={onPress}
+        top={top}
     />
 );
 
diff --git a/views/Receive.tsx b/views/Receive.tsx
index ac102139b..e0304d3cc 100644
--- a/views/Receive.tsx
+++ b/views/Receive.tsx
@@ -1376,12 +1376,15 @@ export default class Receive extends React.Component<
                         >
                             {creatingInvoiceError && (
                                 <ErrorMessage
+                                    top={10}
                                     message={localeString(
                                         'views.Receive.errorCreate'
                                     )}
                                 />
                             )}
-                            {error_msg && <ErrorMessage message={error_msg} />}
+                            {error_msg && (
+                                <ErrorMessage top={10} message={error_msg} />
+                            )}
 
                             {showLspSettings && (
                                 <View style={{ margin: 10 }}>
@@ -1403,6 +1406,7 @@ export default class Receive extends React.Component<
                                             !!address &&
                                             !belowDustLimit && (
                                                 <WarningMessage
+                                                    top={10}
                                                     message={localeString(
                                                         'views.Receive.warningLndHub'
                                                     )}
@@ -1410,6 +1414,7 @@ export default class Receive extends React.Component<
                                             )}
                                         {!!lnurl && (
                                             <SuccessMessage
+                                                top={10}
                                                 message={
                                                     !!lnurl &&
                                                     `${localeString(