Merge branch 'master' of https://codefirst.iut.uca.fr/git/noan.randon/Favor
Darius BERTRAND
2 years ago
commit
7165065378
@ -1,33 +0,0 @@
|
||||
#suivreAussi{
|
||||
font-size: 8px;
|
||||
text-align: center;
|
||||
border: 2px solid;
|
||||
border-radius: 30px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#listeCompteASuivre{
|
||||
border-top: 2px solid;
|
||||
|
||||
}
|
||||
|
||||
.infoPersonne{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.name{
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.arobase{
|
||||
color:gray;
|
||||
}
|
||||
|
||||
.PhotoProfile{
|
||||
margin: 10px 15px 0px 20px;
|
||||
width: 40px;
|
||||
height:40px;
|
||||
border-radius: 20px;
|
||||
border: 2px solid #555;
|
||||
}
|
||||
|
||||
@ -1,36 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ma page de test</title>
|
||||
<link rel="stylesheet" href="SuivreAussi.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="suivreAussi">
|
||||
<h1>Suivre aussi</h1>
|
||||
<div id="listeCompteASuivre">
|
||||
<div class="infoPersonne">
|
||||
<img class="PhotoProfile" src="https://i.pinimg.com/originals/5c/a0/cf/5ca0cf624647dced23ec5329ed0cde6f.png"/>
|
||||
<div class="cadreName">
|
||||
<h2 class="name">personne 1</h2>
|
||||
<h3 class="arobase">@personne1</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="infoPersonne">
|
||||
<img class="PhotoProfile" src="https://i.pinimg.com/originals/5c/a0/cf/5ca0cf624647dced23ec5329ed0cde6f.png"/>
|
||||
<div class="cadreName">
|
||||
<h2 class="name">personne 1</h2>
|
||||
<h3 class="arobase">@personne1</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="infoPersonne">
|
||||
<img class="PhotoProfile" src="https://i.pinimg.com/originals/5c/a0/cf/5ca0cf624647dced23ec5329ed0cde6f.png"/>
|
||||
<div class="cadreName">
|
||||
<h2 class="name">personne 1</h2>
|
||||
<h3 class="arobase">@personne1</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 448 B |
|
Before Width: | Height: | Size: 336 B |
|
Before Width: | Height: | Size: 226 B |
@ -1,165 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Titre du document</title>
|
||||
<style>
|
||||
|
||||
#likeCommentaire{
|
||||
background-color: white;
|
||||
position:fixed;
|
||||
|
||||
margin-left:33%;
|
||||
margin-right: 33%;
|
||||
border: 2px solid #666;
|
||||
border-radius:10px;
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
#divButton{
|
||||
display:flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
#divButton > div{
|
||||
width:50%;
|
||||
}
|
||||
|
||||
#buttonLike,#buttonCommentaire {
|
||||
margin-top:10px;
|
||||
background-color: white;
|
||||
border:none;
|
||||
width:100%;
|
||||
height:25px;
|
||||
}
|
||||
|
||||
#buttonLike{
|
||||
border-bottom:solid 5px black;
|
||||
}
|
||||
|
||||
#like{
|
||||
display: block;
|
||||
|
||||
}
|
||||
|
||||
#buttonCommentaire{
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#commentaire{
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*like et commentaire*/
|
||||
#like, #commentaire{
|
||||
font-size: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#listeCompteASuivre{
|
||||
border-top: 2px solid;
|
||||
}
|
||||
|
||||
.infoPersonne{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.name{
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.arobase{
|
||||
color:gray;
|
||||
}
|
||||
|
||||
.PhotoProfile{
|
||||
margin: 10px 15px 0px 20px;
|
||||
width: 40px;
|
||||
height:40px;
|
||||
border-radius: 20px;
|
||||
border: 2px solid #555;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="likeCommentaire">
|
||||
<div id="divButton">
|
||||
|
||||
<div><button type="button" id="buttonLike" onclick="openLike()">like</button></div>
|
||||
<div><button type="button" id="buttonCommentaire" onclick="openCommentaire()">commentaire</button></div>
|
||||
</div>
|
||||
|
||||
<div id="like">
|
||||
<div class="infoPersonne">
|
||||
<img class="PhotoProfile" src="https://i.pinimg.com/originals/5c/a0/cf/5ca0cf624647dced23ec5329ed0cde6f.png"/>
|
||||
<div class="cadreName">
|
||||
<h2 class="name">personne 1</h2>
|
||||
<h3 class="arobase">@personne1</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="infoPersonne">
|
||||
<img class="PhotoProfile" src="https://i.pinimg.com/originals/5c/a0/cf/5ca0cf624647dced23ec5329ed0cde6f.png"/>
|
||||
<div class="cadreName">
|
||||
<h2 class="name">personne 1</h2>
|
||||
<h3 class="arobase">@personne1</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="infoPersonne">
|
||||
<img class="PhotoProfile" src="https://i.pinimg.com/originals/5c/a0/cf/5ca0cf624647dced23ec5329ed0cde6f.png"/>
|
||||
<div class="cadreName">
|
||||
<h2 class="name">personne 1</h2>
|
||||
<h3 class="arobase">@personne1</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="commentaire">
|
||||
<div class="infoPersonne">
|
||||
<img class="PhotoProfile" src="https://i.pinimg.com/originals/5c/a0/cf/5ca0cf624647dced23ec5329ed0cde6f.png"/>
|
||||
<div class="cadreName">
|
||||
<h2 class="name">personne 1</h2>
|
||||
<h3 class="arobase">@personne1</h3>
|
||||
<h4>texte du commantaire</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="infoPersonne">
|
||||
<img class="PhotoProfile" src="https://i.pinimg.com/originals/5c/a0/cf/5ca0cf624647dced23ec5329ed0cde6f.png"/>
|
||||
<div class="cadreName">
|
||||
<h2 class="name">personne 1</h2>
|
||||
<h3 class="arobase">@personne1</h3>
|
||||
<h4>texte du commantaire</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="infoPersonne">
|
||||
<img class="PhotoProfile" src="https://i.pinimg.com/originals/5c/a0/cf/5ca0cf624647dced23ec5329ed0cde6f.png"/>
|
||||
<div class="cadreName">
|
||||
<h2 class="name">personne 1</h2>
|
||||
<h3 class="arobase">@personne1</h3>
|
||||
<h4>texte du commantaire</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
<script>
|
||||
function openLike() {
|
||||
document.getElementById("like").style.display = "block";
|
||||
document.getElementById("buttonLike").style.borderBottom = "solid 5px black";
|
||||
document.getElementById("commentaire").style.display = "none";
|
||||
document.getElementById("buttonCommentaire").style.borderBottom = "none";
|
||||
}
|
||||
|
||||
function openCommentaire() {
|
||||
document.getElementById("like").style.display = "none";
|
||||
document.getElementById("buttonLike").style.borderBottom = "none";
|
||||
document.getElementById("commentaire").style.display = "block";
|
||||
document.getElementById("buttonCommentaire").style.borderBottom = "solid 5px black";
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
@ -1,111 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Titre du document</title>
|
||||
<style>
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
body {
|
||||
font-family: Roboto, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.form-popup {
|
||||
background-color: white;
|
||||
display: none;
|
||||
position:fixed;
|
||||
|
||||
margin-left:33%;
|
||||
margin-right: 33%;
|
||||
border: 2px solid #666;
|
||||
border-radius:10px;
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
/* Largeur complète pour les champs de saisie */
|
||||
.form-container input[name="lien"],
|
||||
.form-container textarea[name="description"],
|
||||
.form-container label{
|
||||
width: 80%;
|
||||
margin: 10px 10% 50px 10%;
|
||||
}
|
||||
|
||||
textarea{
|
||||
resize: none;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
input[name="lien"],
|
||||
textarea[name="description"]{
|
||||
margin-left: 100px;
|
||||
border: none;
|
||||
background: #D9D9D9;
|
||||
}
|
||||
|
||||
.input{
|
||||
margin-top:20px;
|
||||
}
|
||||
|
||||
#buttonForm{
|
||||
margin-left:10%;
|
||||
margin-right:10%;
|
||||
margin-bottom:10px;
|
||||
display:flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Forme Popup</h2>
|
||||
<p>Cliquez sur le bouton "Ouvrir la forme" pour ouvrir la fdbjfndbfhbdbnfhdbfnbdhbfhbdhbfhdbfhdhbfhdbhfforme Popup.</p>
|
||||
|
||||
|
||||
<div class="open-btn">
|
||||
<button class="open-button" onclick="openForm()"><strong>Ouvrir la forme</strong></button>
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
<div class="form-popup" id="popupFormulaireCreationPoste">
|
||||
<form action="/action_page.php" class="form-container">
|
||||
|
||||
<div class="input">
|
||||
<label for="lien">Lien:</label>
|
||||
<input type="text" name="lien" required />
|
||||
</div>
|
||||
|
||||
<div class="input">
|
||||
<label for="description">Description:</label>
|
||||
<textarea name="description" row =250></textarea>
|
||||
</div>
|
||||
|
||||
<div id="buttonForm">
|
||||
<div>
|
||||
<button type="button" class="btn cancel" onclick="closeForm()">retour</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="submit" class="btn">Poster</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
function openForm() {
|
||||
document.getElementById("popupFormulaireCreationPoste").style.display = "block";
|
||||
}
|
||||
|
||||
function closeForm() {
|
||||
document.getElementById("popupFormulaireCreationPoste").style.display = "none";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,32 +0,0 @@
|
||||
#PhotoProfile{
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 150px;
|
||||
height:150px;
|
||||
border-radius: 80px;
|
||||
border: 2px solid #555;
|
||||
}
|
||||
|
||||
#blocAbonnement{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
|
||||
}
|
||||
#blocAbonnement div{
|
||||
margin-left: 80px;
|
||||
margin-right: 80px;
|
||||
}
|
||||
|
||||
#blocName{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.nombre{
|
||||
color:black;
|
||||
}
|
||||
|
||||
.texteNombre{
|
||||
color:grey;
|
||||
}
|
||||
@ -1,28 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ma page de test</title>
|
||||
<link rel="stylesheet" href="pagePerso.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="image">
|
||||
<img id="PhotoProfile" src="https://i.pinimg.com/originals/5c/a0/cf/5ca0cf624647dced23ec5329ed0cde6f.png"/>
|
||||
</div>
|
||||
<div id="blocName">
|
||||
<h1>Lena 1er</h1>
|
||||
<h2 class="subdo">@Lena1er</h2>
|
||||
<div>
|
||||
<div id="blocAbonnement">
|
||||
<div>
|
||||
<div class="nombre">10k</div>
|
||||
<div class="texteNombre">Abonnement</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="nombre">10k</div>
|
||||
<div class="texteNombre">Abonnée</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,74 +0,0 @@
|
||||
body{
|
||||
background: green;
|
||||
|
||||
}
|
||||
|
||||
#cadrePoste{
|
||||
background: white;
|
||||
border-radius: 5px;
|
||||
width: 40%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
/*haut du poste*/
|
||||
/*
|
||||
#cadreInfoPoste{
|
||||
display: flex;
|
||||
align-items:center;
|
||||
|
||||
}
|
||||
|
||||
#PhotoProfile{
|
||||
margin: 10px 15px 0px 20px;
|
||||
width: 40px;
|
||||
height:40px;
|
||||
border-radius: 20px;
|
||||
border: 2px solid #555;
|
||||
}
|
||||
|
||||
#NomProfile{
|
||||
font-family: arial;
|
||||
font-size: 18px;
|
||||
|
||||
}*/
|
||||
|
||||
#hautPoste{
|
||||
display: flex;
|
||||
align-items:center;
|
||||
justify-content: space-between;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
#cadreInfoPoste{
|
||||
display: flex;
|
||||
align-items:center;
|
||||
|
||||
}
|
||||
#PhotoProfile{
|
||||
margin: 10px 15px 0px 20px;
|
||||
width: 40px;
|
||||
height:40px;
|
||||
border-radius: 20px;
|
||||
border: 2px solid #555;
|
||||
}
|
||||
|
||||
#NomProfile{
|
||||
font-family: arial;
|
||||
font-size: 18px;
|
||||
|
||||
}
|
||||
|
||||
/*bas poste*/
|
||||
#basPoste{
|
||||
display: flex;
|
||||
align-items:center;
|
||||
justify-content: space-between;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#like, #commentaire{
|
||||
display: flex;
|
||||
align-items:center;
|
||||
}
|
||||
@ -1,43 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ma page de test</title>
|
||||
<link rel="stylesheet" href="poste.css" />
|
||||
</head>
|
||||
<body>
|
||||
<!--<div id="cadrePoste">
|
||||
<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>-->
|
||||
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
@ -0,0 +1,37 @@
|
||||
import React, {useEffect,useState} from 'react';
|
||||
import {useDispatch, useSelector} from "react-redux";
|
||||
import {getPosts} from "../actions/post.actions";
|
||||
import {getUserTemp} from "../actions/user.actions";
|
||||
import {useParams} from "react-router-dom";
|
||||
import {isEmpty} from "./Utils";
|
||||
import FollowHandler from "./UserProfil/FollowHandler";
|
||||
|
||||
const MiniProfil = ({uid} ) => {
|
||||
const [userData, setUserData] = useState(null);
|
||||
|
||||
useEffect(() => {
|
||||
async function fetchData() {
|
||||
const response = await fetch(`${process.env.REACT_APP_API_URL}api/user/${uid}`);
|
||||
const data = await response.json();
|
||||
setUserData(data);
|
||||
}
|
||||
fetchData();
|
||||
}, [uid]);
|
||||
|
||||
if (!userData) {
|
||||
return <p>Loading...</p>;
|
||||
}
|
||||
|
||||
|
||||
|
||||
return (
|
||||
<div className="ListReco">
|
||||
<div className="UtiReco">
|
||||
<img className="image" src={userData.picture}/>
|
||||
<a href={`/Profil/${uid}`}>{userData.pseudo}</a>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default MiniProfil;
|
||||
@ -0,0 +1,45 @@
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import { useDispatch, useSelector } from 'react-redux';
|
||||
import { getPosts } from '../../actions/post.actions';
|
||||
import { isEmpty } from "../Utils";
|
||||
import Post from './PostNouvelleAffichage';
|
||||
|
||||
const NouveauDisplayPosts = () => {
|
||||
const [loadPost, setLoadPost] = useState(true);
|
||||
const [count , setCount] = useState(5);
|
||||
const dispatch = useDispatch();
|
||||
const postsData = useSelector((state) => state.post.post);
|
||||
|
||||
const loadMore = () => {
|
||||
if (window.innerHeight + document.documentElement.scrollTop + 1 > document.scrollingElement.scrollHeight){
|
||||
setLoadPost(true);
|
||||
}
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
if (loadPost) {
|
||||
dispatch(getPosts(count));
|
||||
setLoadPost(false);
|
||||
setCount(count + 5);
|
||||
}
|
||||
window.addEventListener('scroll', loadMore);
|
||||
return () => window.removeEventListener('scroll',loadMore);
|
||||
}, [loadPost,dispatch,count])
|
||||
|
||||
if (!loadPost) {
|
||||
return <p>Loading...</p>;
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<ul>
|
||||
{!isEmpty(postsData[0]) &&
|
||||
postsData.map((post) => {
|
||||
return <Post post={post} key={post._id}/>
|
||||
})}
|
||||
</ul>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default NouveauDisplayPosts;
|
||||
@ -0,0 +1,83 @@
|
||||
import React, { useState } from 'react';
|
||||
import { useSelector } from 'react-redux';
|
||||
import Navbar from '../components/Navbar';
|
||||
|
||||
const SearchBar = () => {
|
||||
const [searchValue, setSearchValue] = useState("");
|
||||
const [searchUsers, setSearchUsers] = useState(true);
|
||||
const [searchPosts, setSearchPosts] = useState(false);
|
||||
const [searchResults, setSearchResults] = useState([]);
|
||||
const postsData = useSelector((state) => state.post.post);
|
||||
const usersData = useSelector((state) => state.users.users);
|
||||
|
||||
function handleSearch() {
|
||||
const input = searchValue.toLowerCase();
|
||||
console.log("Recherche pour : " + input);
|
||||
|
||||
const filteredResultsUsers = usersData.filter(function(item) {
|
||||
return item.pseudo.toLowerCase().indexOf(input) !== -1;
|
||||
});
|
||||
|
||||
const filteredResultsPosts = postsData.filter(function(item) {
|
||||
return item.message.toLowerCase().indexOf(input) !== -1;
|
||||
});
|
||||
|
||||
if(searchUsers)
|
||||
setSearchResults(filteredResultsUsers);
|
||||
|
||||
if(searchPosts)
|
||||
setSearchResults(filteredResultsPosts);
|
||||
|
||||
console.log(searchResults);
|
||||
}
|
||||
|
||||
const handleModals = (e) => {
|
||||
if (e.target.id === "Users") {
|
||||
setSearchUsers(true);
|
||||
setSearchPosts(false);
|
||||
} else {
|
||||
setSearchPosts(true);
|
||||
setSearchUsers(false);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Navbar />
|
||||
<main>
|
||||
<form>
|
||||
<input type="text" value={searchValue} onChange={(e) => setSearchValue(e.target.value)} placeholder="Rechercher..." />
|
||||
<button type="button" onClick={handleSearch}>Rechercher</button>
|
||||
</form>
|
||||
<div class="divMenu">
|
||||
<nav role="navigation" class="navProfil">
|
||||
<ul class="navItemsProfil">
|
||||
<li class="navItemProfil">
|
||||
<a class="navLinkProfil" onClick={handleModals} id="Users" >Utilisateur</a>
|
||||
</li>
|
||||
<li class="navItemProfil">
|
||||
<a class="navLinkProfil" onClick={handleModals} id="Posts" >Postes</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
{ searchUsers &&
|
||||
<ul>
|
||||
{searchResults.map((result) => (
|
||||
<li key={result.pseudo}>{result.pseudo}</li>
|
||||
))}
|
||||
</ul>
|
||||
}
|
||||
{ searchPosts &&
|
||||
<ul>
|
||||
{searchResults.map((result) => (
|
||||
<li key={result.message}>{result.message}</li>
|
||||
))}
|
||||
</ul>
|
||||
}
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default SearchBar;
|
||||
@ -1,80 +1,29 @@
|
||||
import React, {useEffect, useState} from 'react';
|
||||
import React, {useState} from 'react';
|
||||
import Navbar from '../components/Navbar';
|
||||
import Notif from '../components/Notif';
|
||||
import {useDispatch, useSelector} from "react-redux";
|
||||
import {getNotif, getUser} from '../actions/user.actions';
|
||||
import {isEmpty} from "../components/Utils";
|
||||
import axios from "axios";
|
||||
import FollowHandler from "../components/UserProfil/FollowHandler";
|
||||
import Post from "../components/Post/Post";
|
||||
import {useSelector} from "react-redux";
|
||||
|
||||
|
||||
const Trends = () => {
|
||||
console.log('test');
|
||||
const [loadNotif, setLoadNotif] = useState(true);
|
||||
const [count , setCount] = useState(5);
|
||||
const dispatch = useDispatch();
|
||||
|
||||
const [setLoadNotif] = useState(true);
|
||||
const userData = useSelector((state) => state.user.user);
|
||||
const usersData = useSelector((state) => state.users.users);
|
||||
|
||||
const loadMore = () => {
|
||||
if (window.innerHeight + document.documentElement.scrollTop + 1 > document.scrollingElement.scrollHeight){
|
||||
setLoadNotif(true);
|
||||
}
|
||||
}
|
||||
|
||||
console.log("userData",userData,userData.notif, userData.notif.length);
|
||||
|
||||
return (
|
||||
<div id={'listeNotif'}>
|
||||
<Navbar />
|
||||
<h1>Notification</h1>
|
||||
{ /*userData.notif.length ? userData.notif.filter(notif => notif._id === userData.notif._id).map((notif) => <Notif message="dfdf"/>)
|
||||
: <h3>Aucune Notification</h3>*/
|
||||
|
||||
{
|
||||
userData.notif != null && userData.notif.map((notif) => {
|
||||
return <Notif notification={notif}/>
|
||||
return (
|
||||
<li>
|
||||
<Notif key={notif._id} notification={notif}/>
|
||||
</li>
|
||||
);
|
||||
})
|
||||
|
||||
}
|
||||
</div>
|
||||
);
|
||||
|
||||
|
||||
/*
|
||||
return (
|
||||
<div id={'listeNotif'}>
|
||||
<Navbar />
|
||||
<h1>Notification</h1>
|
||||
{
|
||||
return(<h3>Aucune Notification</h3>);
|
||||
userData.notif.map((notif) => {
|
||||
for (let i = 0; i < userData.notif.length; i++) {
|
||||
if (notif._id === userData.notif[i]) {
|
||||
return (
|
||||
<Notif message="dfdf"/>
|
||||
|
||||
);
|
||||
}
|
||||
}
|
||||
return <h3>Aucune Notification</h3>;
|
||||
})
|
||||
}
|
||||
</div>
|
||||
);*/
|
||||
|
||||
// return (
|
||||
// <div id={'listeNotif'}>
|
||||
// <Navbar />
|
||||
// <h1>Notification</h1>
|
||||
// <Notif message="a like"/>
|
||||
// <Notif message="a like"/>
|
||||
// <Notif message="a like"/>
|
||||
// <Notif message="a like"/>
|
||||
// <Notif message="a like"/>
|
||||
// <Notif message="a commenter votre poste"/>
|
||||
// </div>);
|
||||
};
|
||||
|
||||
export default Trends;
|
||||
Loading…
Reference in new issue