From a7bc5d3886f0be288fcf4cfed1baffbdb9c1060f Mon Sep 17 00:00:00 2001
From: "bastien.ollier@etu.uca.fr" <bastien.ollier@etu.uca.fr>
Date: Fri, 9 Dec 2022 10:56:12 +0100
Subject: [PATCH] add componentes poste

---
 Site Web/client/src/components/Log/poste.html |  2 +-
 Site Web/client/src/components/Poste.js       | 36 +++++++++++++++++++
 Site Web/client/src/pages/HomeNavigation.js   |  1 +
 .../client/src/styles/component/_poste.scss   | 22 +++++-------
 4 files changed, 47 insertions(+), 14 deletions(-)
 create mode 100644 Site Web/client/src/components/Poste.js

diff --git a/Site Web/client/src/components/Log/poste.html b/Site Web/client/src/components/Log/poste.html
index 058e33e8..2fe8009f 100644
--- a/Site Web/client/src/components/Log/poste.html	
+++ b/Site Web/client/src/components/Log/poste.html	
@@ -31,7 +31,7 @@
 				<img src="coeurs.png">
 				<div>10k</div>
 			</div>
-			<div id="commentaire">
+			<div id="commentaire">        </>
 				<img src="commentaire.png">
 				<div>10k</div>
 			</div>
diff --git a/Site Web/client/src/components/Poste.js b/Site Web/client/src/components/Poste.js
new file mode 100644
index 00000000..e8dd4c32
--- /dev/null
+++ b/Site Web/client/src/components/Poste.js	
@@ -0,0 +1,36 @@
+import axios from 'axios';
+import React, { useState } from 'react';
+
+
+//e.preventDefaul(); pour ne pas recharcher la page
+const Poste = (props) => {
+    return (
+        <div id="cadrePoste">
+            <div id="hautPoste">
+                <div id="cadreInfoPoste">
+                    <img id="PhotoProfile" src="https://i.pinimg.com/originals/5c/a0/cf/5ca0cf624647dced23ec5329ed0cde6f.png"/>
+                    <h6 id="NomProfile">Lena 1er</h6>
+                </div>
+                <div>6 jours</div>
+            </div>
+
+            <div id="contenuePoste">
+                /*utliser leakpreview*/
+            </div>
+
+            <div id="basPoste">
+                <div id="like">
+                    <img src="coeurs.png"/>
+                    <div>10k</div>
+                </div>
+                <div id="commentaire">
+                    <img src="commentaire.png"/>
+                    <div>10k</div>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+//ce qui écrit dans le input est récuperé par le state
+export default Poste;
\ No newline at end of file
diff --git a/Site Web/client/src/pages/HomeNavigation.js b/Site Web/client/src/pages/HomeNavigation.js
index 2766802e..dd0519fd 100644
--- a/Site Web/client/src/pages/HomeNavigation.js	
+++ b/Site Web/client/src/pages/HomeNavigation.js	
@@ -2,6 +2,7 @@ import React, { useContext } from 'react';
 import { UidContext } from '../components/AppContext';
 import Log from '../components/Log'
 import Home from './Home';
+import Poste from '../components/Poste';
 import { NavLink } from 'react-router-dom';
 //<Link to="/discover"/>
 
diff --git a/Site Web/client/src/styles/component/_poste.scss b/Site Web/client/src/styles/component/_poste.scss
index 370de5ea..2c09fc87 100644
--- a/Site Web/client/src/styles/component/_poste.scss	
+++ b/Site Web/client/src/styles/component/_poste.scss	
@@ -1,39 +1,35 @@
-  
 #cadrePoste{
     background: white;
-    border: 2px solid;
-    border-radius: 5px;
-    border-color: grey;
+    border: 2px solid grey;
+    border-radius:5px;
     width: 40%;
     margin-left: auto;
     margin-right: auto;
 }
-    
 #hautPoste{
     display: flex;
     align-items:center;
     justify-content: space-between;
     margin-right: 15px;
 }
-    
+
 #cadreInfoPoste{
     display: flex;
     align-items:center;
 }
-
-#PProfile{
+#PhotoProfile{
     margin: 10px 15px 0px 20px;
     width: 40px;
     height:40px;
     border-radius: 20px;
     border: 2px solid #555;
 }
-    
+
 #NomProfile{
     font-family: arial;
-    font-size: 18px;  
+    font-size: 18px;
 }
-    
+
 /*bas poste*/
 #basPoste{
     display: flex;
@@ -42,8 +38,8 @@
     margin-left: 10px;
     margin-right: 10px;
 }
-    
+
 #like, #commentaire{
     display: flex;
     align-items:center;
-}
\ No newline at end of file
+}