parent
5de0542907
commit
4bf2a9250e
@ -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;
|
||||||
@ -1,80 +1,36 @@
|
|||||||
import React, {useEffect, useState} from 'react';
|
import React, {useState} from 'react';
|
||||||
import Navbar from '../components/Navbar';
|
import Navbar from '../components/Navbar';
|
||||||
import Notif from '../components/Notif';
|
import Notif from '../components/Notif';
|
||||||
import {useDispatch, useSelector} from "react-redux";
|
import {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";
|
|
||||||
|
|
||||||
|
|
||||||
const Trends = () => {
|
const Trends = () => {
|
||||||
console.log('test');
|
const [setLoadNotif] = useState(true);
|
||||||
const [loadNotif, setLoadNotif] = useState(true);
|
|
||||||
const [count , setCount] = useState(5);
|
|
||||||
const dispatch = useDispatch();
|
|
||||||
|
|
||||||
const userData = useSelector((state) => state.user.user);
|
const userData = useSelector((state) => state.user.user);
|
||||||
const usersData = useSelector((state) => state.users.users);
|
|
||||||
|
|
||||||
const loadMore = () => {
|
const loadMore = () => {
|
||||||
if (window.innerHeight + document.documentElement.scrollTop + 1 > document.scrollingElement.scrollHeight){
|
if (window.innerHeight + document.documentElement.scrollTop + 1 > document.scrollingElement.scrollHeight){
|
||||||
setLoadNotif(true);
|
setLoadNotif(true);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
console.log("idUser: ",userData._id);
|
||||||
|
|
||||||
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}/>
|
|
||||||
})
|
|
||||||
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
return (
|
return (
|
||||||
<div id={'listeNotif'}>
|
<div id={'listeNotif'}>
|
||||||
<Navbar />
|
<Navbar />
|
||||||
<h1>Notification</h1>
|
<h1>Notification</h1>
|
||||||
{
|
{
|
||||||
return(<h3>Aucune Notification</h3>);
|
userData.notif != null && userData.notif.map((notif) => {
|
||||||
userData.notif.map((notif) => {
|
|
||||||
for (let i = 0; i < userData.notif.length; i++) {
|
|
||||||
if (notif._id === userData.notif[i]) {
|
|
||||||
return (
|
return (
|
||||||
<Notif message="dfdf"/>
|
<li>
|
||||||
|
<Notif key={notif._id} notification={notif}/>
|
||||||
|
</li>
|
||||||
);
|
);
|
||||||
}
|
|
||||||
}
|
|
||||||
return <h3>Aucune Notification</h3>;
|
|
||||||
})
|
})
|
||||||
|
|
||||||
}
|
}
|
||||||
</div>
|
</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;
|
export default Trends;
|
||||||
Loading…
Reference in new issue