From 31fdc612b10843ce694b55696f67bd2a80d56769 Mon Sep 17 00:00:00 2001
From: Luc SORIGNET <luc.sorignet@gmail.com>
Date: Mon, 28 Apr 2025 10:37:57 +0200
Subject: [PATCH] fix: ajustement du handlePhoneChange [#41]

---
 Front-End/src/components/InputPhone.js                   | 9 ++++++++-
 .../src/components/Inscription/ResponsableInputFields.js | 7 +++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/Front-End/src/components/InputPhone.js b/Front-End/src/components/InputPhone.js
index a908da1..c62901e 100644
--- a/Front-End/src/components/InputPhone.js
+++ b/Front-End/src/components/InputPhone.js
@@ -13,7 +13,14 @@ export default function InputPhone({
 }) {
   const handlePhoneChange = (phone) => {
     // Appeler onChange avec un objet personnalisé
-    onChange({ target: { name, value: phone } });
+    if (onChange) {
+      if (phone && phone.target) {
+        const { name, value } = phone.target;
+        onChange({ target: { name: name, value: value } });
+      } else if (phone) {
+        onChange({ target: { name: name, value: phone } });
+      }
+    }
   };
 
   return (
diff --git a/Front-End/src/components/Inscription/ResponsableInputFields.js b/Front-End/src/components/Inscription/ResponsableInputFields.js
index 5f7c9b0..e7e5aff 100644
--- a/Front-End/src/components/Inscription/ResponsableInputFields.js
+++ b/Front-End/src/components/Inscription/ResponsableInputFields.js
@@ -63,7 +63,10 @@ export default function ResponsableInputFields({
   };
 
   const addGuardian = () => {
-    setGuardians([...guardians, { id: Date.now(), name: '', email: '' }]);
+    setGuardians([
+      ...guardians,
+      { id: Date.now(), name: '', email: '', phone: '' },
+    ]);
   };
 
   const deleteGuardian = (index) => {
@@ -148,7 +151,7 @@ export default function ResponsableInputFields({
               label="phone"
               value={item.phone}
               onChange={(event) => {
-                onGuardiansChange(item.id, 'phone', event);
+                onGuardiansChange(item.id, 'phone', event.target.value);
               }}
               required
               errorMsg={getError(index, 'phone')}