From 3e974fbc34fbf72f450375b48a1a460fd8ada895 Mon Sep 17 00:00:00 2001
From: GabrielTrettel <gabrielmtrettel@gmail.com>
Date: Fri, 8 Oct 2021 12:53:09 -0300
Subject: [PATCH] ConfirmationModal in Account screen

---
 src/app/components/ConfirmationModal.js | 68 +++++++++++++------------
 1 file changed, 36 insertions(+), 32 deletions(-)

diff --git a/src/app/components/ConfirmationModal.js b/src/app/components/ConfirmationModal.js
index c8cfd66..eaaf2b3 100644
--- a/src/app/components/ConfirmationModal.js
+++ b/src/app/components/ConfirmationModal.js
@@ -1,20 +1,12 @@
 import React from "react";
-import {
-  Modal,
-  StyleSheet,
-  Text,
-  TouchableHighlight,
-  View,
-} from "react-native";
-
-import { MaterialCommunityIcons } from "@expo/vector-icons";
+import { Modal, StyleSheet, Text, TouchableOpacity, View } from "react-native";
 import colors from "../config/colors";
 import { dimensions } from "../config/dimensions";
-import { TouchableOpacity } from "react-native-gesture-handler";
 
 function Btn({ label, onPress, bgColor, txtColor }) {
+  console.log("pimba");
   return (
-    <TouchableOpacity onPress={() => onPress()}>
+    <TouchableOpacity onPress={onPress}>
       <View
         style={{
           paddingHorizontal: 30,
@@ -46,32 +38,44 @@ export default function ConfirmationModal({
       visible={show}
       supportedOrientations={["portrait"]}
     >
-      <View style={styles.container}>
-        <View style={{ flex: 1 }}>
-          <Text style={[styles.text, { fontSize: dimensions.text.secondary }]}>
-            {title}
-          </Text>
-        </View>
-        <Text style={styles.text}>{description}</Text>
+      <TouchableOpacity onPress={onDecline}>
         <View
           style={{
-            flexDirection: "row",
-            justifyContent: "space-evenly",
-            marginTop: 24,
+            width: "100%",
+            height: "100%",
+            justifyContent: "center",
           }}
         >
-          <Btn
-            label={confirmationLabel}
-            onPress={onConfirm}
-            bgColor={colors.secondary}
-          />
-          <Btn
-            label={declineLabel}
-            onPress={onDecline}
-            bgColor={colors.lightGray}
-          />
+          <View style={styles.container}>
+            <View style={{ flex: 1 }}>
+              <Text
+                style={[styles.text, { fontSize: dimensions.text.secondary }]}
+              >
+                {title}
+              </Text>
+            </View>
+            <Text style={styles.text}>{description}</Text>
+            <View
+              style={{
+                flexDirection: "row",
+                justifyContent: "space-evenly",
+                marginTop: 24,
+              }}
+            >
+              <Btn
+                label={confirmationLabel}
+                onPress={onConfirm}
+                bgColor={colors.secondary}
+              />
+              <Btn
+                label={declineLabel}
+                onPress={onDecline}
+                bgColor={colors.lightGray}
+              />
+            </View>
+          </View>
         </View>
-      </View>
+      </TouchableOpacity>
     </Modal>
   );
 }