configuration avancement

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

@@ -1,6 +1,8 @@
-import React from 'react';
-import { NavLink } from "react-router-dom";
 
+import React, { useState } from 'react';
+import { useSelector } from 'react-redux';
+/*import PolitiqueDeConfidentialite from '../components/';
+*/
 
 
 const ConfigurationDuCompte =()=>{
@@ -60,7 +62,6 @@ const ConfigurationDuCompte =()=>{
 
 
 
-
 export default ConfigurationDuCompte;
 
 

Site Web/client/src/styles/component/_politiqueDeConfidentialite.scss

@@ -0,0 +1,39 @@
+
+.PolitiqueDeConfidentialiteText{
+    margin-top: 2%;
+    text-indent: 1%;   
+    text-align: justify;
+    display: flex;
+    justify-content: center;
+    p{
+        max-width:85% ;
+        min-width: 380px;
+        animation-duration: 3s;
+        animation-name: slidein;
+        
+          
+          @keyframes slidein {
+            from {
+              margin-top: 100%;
+              width: 50%;
+            }
+          
+            to {
+              margin-top: 0%;
+              width: 100%;
+            }
+          }
+          
+    }
+}
+
+
+
+
+
+
+
+
+
+
+

Site Web/client/src/styles/index.scss

@@ -5,7 +5,9 @@
 @import './component/poste';
 @import './pages/configuration';
 @import './component/ajoutLien';
-@import './component/configurationDuProfil';
+@import'./component/configurationDuProfil.scss';
+@import'./component/configurationDuCompte.scss';
+@import'./component/politiqueDeConfidentialite';
 @import './component/newPoste';
 
 @import './component/notif';