add componentes poste

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>

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;

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"/>
 

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

@@ -1,39 +1,35 @@
-  
 #cadrePoste{
     background: white;
-    border: 2px solid;
+    border: 2px solid grey;
-    border-radius: 5px;
+    border-radius:5px;
-    border-color: grey;
     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;
 }
-
+#PhotoProfile{
-#PProfile{
     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;
-}
+}