From 038220c5691783f3c4d2157f403ee8e9ea68fda1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Munsch?= <jeremy.munsch@ldc.fr>
Date: Tue, 5 Sep 2023 11:15:08 +0200
Subject: [PATCH] Contact Detail screen Fix display none on inputs

---
 ComApp/src/App/Views/ContactDetailsScreen.js | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/ComApp/src/App/Views/ContactDetailsScreen.js b/ComApp/src/App/Views/ContactDetailsScreen.js
index e09874c..5644462 100644
--- a/ComApp/src/App/Views/ContactDetailsScreen.js
+++ b/ComApp/src/App/Views/ContactDetailsScreen.js
@@ -1078,6 +1078,7 @@ class ContactDetailsScreen extends React.Component {
     return this.wrapper(
       placeHolder,
       requiredStr,
+      isVisible,
       <TextInput
         value={this.state.allInputs[index].value}
         onChangeText={text => {
@@ -1148,6 +1149,7 @@ class ContactDetailsScreen extends React.Component {
     return this.wrapper(
       placeHolder,
       requiredStr,
+      isVisible,
       <View
         style={{
           display: isVisible ? 'flex' : 'none',
@@ -1241,6 +1243,7 @@ class ContactDetailsScreen extends React.Component {
     return this.wrapper(
       placeHolder,
       requiredStr,
+      isVisible,
       <View
         style={{
           display: isVisible ? 'flex' : 'none',
@@ -1451,6 +1454,7 @@ class ContactDetailsScreen extends React.Component {
     return this.wrapper(
       placeHolder,
       requiredStr,
+      isVisible,
       <View
         style={{
           display: isVisible ? 'flex' : 'none',
@@ -1540,6 +1544,7 @@ class ContactDetailsScreen extends React.Component {
     return this.wrapper(
       placeHolder,
       requiredStr,
+      isVisible,
       <View
         style={{
           display: isVisible ? 'flex' : 'none',
@@ -1591,12 +1596,18 @@ class ContactDetailsScreen extends React.Component {
    * wrap input
    * @param {string} placeHolder
    * @param {string} requiredStr
+   * @param {boolean} isVisible
    * @param {JSX.Element} el
    * @returns {JSX.Element}
    */
-  wrapper(placeHolder, requiredStr, el) {
+  wrapper(placeHolder, requiredStr, isVisible, el) {
     return (
-      <View style={{ flex: 1, flexDirection: 'column' }}>
+      <View
+        style={{
+          display: isVisible ? 'flex' : 'none',
+          flex: 1,
+          flexDirection: 'column',
+        }}>
         <Text
           style={
             (styles.baseText,