feat: add set userId

src/main/webapp/src/pages/admin/MemberPage.jsx

@@ -278,16 +278,38 @@ function CompteInfo({userData}) {
             }
         )
     }
+    const sendId = (event) => {
+        event.preventDefault();
+
+        toast.promise(
+            apiAxios.put(`/compte/${userData.id}/setUUID/${event.target.uuid?.value}`),
+            {
+                pending: "Définition de l'identifient en cours",
+                success: "Identifient défini avec succès 🎉",
+                error: "Échec de la définition de l'identifient 😕 "
+            }
+        )
+    }
 
     return <div className="card mb-4">
-        <div className="card-header">Compte</div>
+        <div className="card-header">
+            <div className="btn-group dropend">
+                <div className="dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
+                    Compte
+                </div>
+                <ul className="dropdown-menu">
+                    <li><button type="button" className="btn btn-primary" data-bs-toggle="modal"
+                                data-bs-target="#comptIdModal">Définir l'id du compte</button></li>
+                </ul>
+            </div>
+        </div>
         <div className="card-body text-center">
             {userData.userId
                 ? <CompteInfoContent userData={userData}/>
                 :
                 <>
                     <div className="row">
-                        <div className="input-group mb-3">
+                    <div className="input-group mb-3">
                             <div>Ce membre ne dispose pas de compte...</div>
                         </div>
                     </div>
@@ -299,6 +321,28 @@ function CompteInfo({userData}) {
                 </>
             }
         </div>
+        <div className="modal fade" id="comptIdModal" tabIndex="-1" aria-labelledby="comptIdModalLabel" aria-hidden="true">
+            <div className="modal-dialog">
+                <div className="modal-content">
+                    <form  onSubmit={sendId}>
+                        <div className="modal-header">
+                            <h1 className="modal-title fs-5" id="comptIdModalLabel">Entré l'UUID du compte</h1>
+                            <button type="button" className="btn-close" data-bs-dismiss="modal"
+                                    aria-label="Close"></button>
+                        </div>
+                        <div className="modal-body">
+                            <h5>Attention ne changée l'id d'un membre que si vous êtes sûr de ce que vos faites...</h5>
+                            <input type="text" className="form-control" placeholder="uuid" name="uuid"
+                                   defaultValue={userData.userId}/>
+                        </div>
+                        <div className="modal-footer">
+                            <button type="reset" className="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
+                            <button type="submit" className="btn btn-primary">Appliquer</button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
     </div>
 
 }