From f5f2171b89fe13cd5c1f9a32fd7e60e098c8df65 Mon Sep 17 00:00:00 2001
From: Darius <Darius.BERTRAND@etu.uca.fr>
Date: Wed, 23 Nov 2022 14:12:05 +0100
Subject: [PATCH] ajout de la page configuration

---
 Site Web/client/src/pages/configuration.js    | 35 +++++++++++++++++++
 .../src/styles/pages/configuration.scss       |  8 +++++
 2 files changed, 43 insertions(+)
 create mode 100644 Site Web/client/src/pages/configuration.js
 create mode 100644 Site Web/client/src/styles/pages/configuration.scss

diff --git a/Site Web/client/src/pages/configuration.js b/Site Web/client/src/pages/configuration.js
new file mode 100644
index 00000000..aaaaa36c
--- /dev/null
+++ b/Site Web/client/src/pages/configuration.js	
@@ -0,0 +1,35 @@
+import 'tachyons';
+import React from 'react';
+import PP  from "../assets/img/unknown.png";
+import { NavLink } from "react-router-dom";
+
+
+function configuration(){
+    return(
+        <div>
+            <div className='ligneVertical'>
+                <button ></button>
+                <button ></button>
+                <button ></button>
+                 
+            </div>
+            <div>
+                <h2>Modifucation information du compte</h2>
+                <div className='ligneHorizontal'>
+                    <img src={PP}/>
+                    <div>
+                        <span>Pseudo : Pseudo</span>
+                        <span>Nom d'utilisateur : @Pseudo</span>
+                    </div>
+                </div>
+                <h2>Acces au dossiers personnel</h2>
+               
+                <div className='ligneHorizontal'>
+                <caption> Rendre vos dossiers prives</caption>
+
+                </div>  
+            </div>
+
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/Site Web/client/src/styles/pages/configuration.scss b/Site Web/client/src/styles/pages/configuration.scss
new file mode 100644
index 00000000..32e44e5f
--- /dev/null
+++ b/Site Web/client/src/styles/pages/configuration.scss	
@@ -0,0 +1,8 @@
+.ligneVertical{
+    border-right: thick solid #000;
+    height:85%;
+}
+.ligneHorizontal{
+    border-top: thick solid #000;
+    width: 78%;
+}
\ No newline at end of file