From 45ca16c536bf6a03a14192b6b5822bf86014cc07 Mon Sep 17 00:00:00 2001
From: "Nikita.Zheleznov" <zheleznov.frontend@gmail.com>
Date: Thu, 8 Sep 2022 19:59:39 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20=E2=9C=A8=20upd.=20EditContactFooter=20#?=
 =?UTF-8?q?91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/organisms/EditContact.tsx      | 50 ++++++++++---------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/modals/profile/components/organisms/EditContact.tsx b/modals/profile/components/organisms/EditContact.tsx
index b2663b16..10cece76 100644
--- a/modals/profile/components/organisms/EditContact.tsx
+++ b/modals/profile/components/organisms/EditContact.tsx
@@ -9,6 +9,7 @@ import { Button, ButtonBack, Icon2 } from "components/atoms"
 import { Search, Title } from "../atoms"
 import { ButtonAvatar } from "../moleculs"
 import { Contact } from "stores/ContactsStore"
+import { useSafeAreaInsets } from "react-native-safe-area-context"
 
 export class Controller {
 	steps = new Steps(["Data", "Photo"])
@@ -85,29 +86,32 @@ type FooterProps = {
 	onPressDone(): void
 }
 
-export const Footer = observer(({ steps, onPressBack, onPressDone, onPressNext }: FooterProps) => (
-	<View style={styles.footer}>
-		<View style={styles.buttons}>
-			<ButtonBack onPress={onPressBack} />
-
-			{steps.title === "Data" ? (
-				<Button
-					text="Continue"
-					onPress={onPressNext}
-					textStyle={styles.buttonText}
-					contentContainerStyle={styles.buttonContent}
-				/>
-			) : (
-				<Button
-					onPress={onPressDone}
-					text="Save"
-					textStyle={styles.buttonText}
-					contentContainerStyle={styles.buttonContent}
-				/>
-			)}
+export const Footer = observer(({ steps, onPressBack, onPressDone, onPressNext }: FooterProps) => {
+	const insets = useSafeAreaInsets()
+	return (
+		<View style={[styles.footer, { paddingBottom: insets.bottom + 8 }]}>
+			<View style={styles.buttons}>
+				<ButtonBack onPress={onPressBack} />
+
+				{steps.title === "Data" ? (
+					<Button
+						text="Continue"
+						onPress={onPressNext}
+						textStyle={styles.buttonText}
+						contentContainerStyle={styles.buttonContent}
+					/>
+				) : (
+					<Button
+						onPress={onPressDone}
+						text="Save"
+						textStyle={styles.buttonText}
+						contentContainerStyle={styles.buttonContent}
+					/>
+				)}
+			</View>
 		</View>
-	</View>
-))
+	)
+})
 
 const styles = StyleSheet.create({
 	container: {
@@ -139,10 +143,8 @@ const styles = StyleSheet.create({
 	// ------ Footer ----------
 
 	footer: {
-		flexGrow: 1,
 		justifyContent: "flex-end",
 		marginHorizontal: 26,
-		marginBottom: 8,
 	},
 
 	button_qr: {