Mise à jour de 'Site Web/client/src/components/Configurations/ConfigurationDuCompte.js'

Site Web/client/src/components/Configurations/ConfigurationDuCompte.js

@@ -3,26 +3,64 @@ import { NavLink } from "react-router-dom";
 
 
 
-const PolitiqueDeConfidentialite =()=>{
+const ConfigurationDuCompte =()=>{
+
+    const [email, setEmail] = useState('');
+    const [password, setPassword] = useState('');
+    const [controlPassword, setControlPassword] = useState('');
+
     return(
-        <div className='PolitiqueDeConfidentialiteText'>
+        <div>
-           <p> Cette politique de confidentialité s’applique au site : Designed By GG.
+        <h2 className='ligneHorizontal'>Modifucation information du compte</h2>
-            La présente politique de confidentialité a pour but d’exposer aux utilisateurs du site :
+       
-
+            <div className="ModifucationInformationDuCompte">
-            La manière dont sont collectées et traitées leurs données à caractère
+                        
-            personnel. Doivent être considérées comme données personnelles toutes les données étant susceptibles d’identifier un utilisateur. Il s’agit notamment du prénom et du nom, de l’âge, de l’adresse postale, l’adresse mail, la localisation de l’utilisateur ou encore son adresse IP ;
+                        <div className='ModificationInformationDuCompteText'>
-            Quels sont les droits des utilisateurs concernant ces données ;
+                        <span>email</span>
-            Qui est responsable du traitement des données à caractère personnes
+                        <span>mot de passe</span>
-            collectées et traitées ;
+                        <span>comfirmation mot de passe</span>
-            A qui ces données sont transmises ;
+                        </div>
-            Eventuellement, la politique du site en matière de fichiers “cookies”
+                        
-            </p>
+                        <div className='ModificationInformationDuCompteText'>
+                        
+                        <input  type="text" 
+                                name="email"
+                                id="email"
+                                onChange={(e) => setEmail(e.target.value)}
+                                value={email}/>
+                        <br />
+                        <div className='email error'></div>
+                        <input  type="password"
+                                name="password"
+                                id="password"
+                                onChange={(e) => setPassword(e.target.value)}
+                                value={password}/>
+                        <br/>
+                        <div className='password error'></div>
+                        <input  type="password" 
+                                name="password"
+                                id="password-conf"
+                                onChange={(e) => setControlPassword(e.target.value)}
+                                value={controlPassword}/>
+                                <div className='password error'></div>
+                        </div>
+            </div>
+        <div />
+        <h2 className='ligneHorizontal'>Suppression du compte</h2>
+        <div className='buttonSuppressionCompte'>
+
+        <button>
+            supprimer votre compte    
+        </button>
+        <span>gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</span>
+        </div> 
     </div>
     )
 }
 
 
 
+
 export default ConfigurationDuCompte;