From 2dc25b93bf59a1ac6bec8e9d6a59deb8b0c58c2f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Chlo=C3=A9=20JACOB?= <chloe.jacob4@etu.unistra.fr>
Date: Sun, 19 Mar 2023 23:40:18 +0100
Subject: [PATCH] try add data user connected in profile page
---
src/redux/feed/thunks.ts | 11 ++++++++++-
src/views/Profile.tsx | 11 ++++++++---
2 files changed, 18 insertions(+), 4 deletions(-)
diff --git a/src/redux/feed/thunks.ts b/src/redux/feed/thunks.ts
index 4880212..3a42c70 100644
--- a/src/redux/feed/thunks.ts
+++ b/src/redux/feed/thunks.ts
@@ -80,4 +80,13 @@ export const fetchProfileAsync = (): AppThunkAction<Promise<void>> => {
const { data } = await api.users.me.posts.fetch({ cursor: null, amount: 20 });
dispatch(setUserFeed(data.items));
}
-};
\ No newline at end of file
+};
+
+// Data user connected
+// export const fetchProfileDataAsync = (): AppThunkAction<Promise<void>> => {
+// return async (dispatch, getState, api) => {
+// const { data } = await api.users.me.fetch();
+// console.log(data.id);
+// dispatch(setUserFeed(data.items));
+// }
+// };
diff --git a/src/views/Profile.tsx b/src/views/Profile.tsx
index 02fd1a8..c42bfda 100644
--- a/src/views/Profile.tsx
+++ b/src/views/Profile.tsx
@@ -13,7 +13,7 @@ import DiscoverPost from '../components/DiscoverPost';
// AUTRES FICHIERS
import useAppDispatch from '../hooks/useAppDispatch';
import useFeedItems from '../hooks/useFeedItems';
-import { fetchProfileAsync } from '../redux/feed/thunks';
+import { fetchProfileAsync, fetchProfileDataAsync } from '../redux/feed/thunks';
// ICONS
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
@@ -32,6 +32,11 @@ const Profile = () => {
const feedItems = useFeedItems();
+ // console.log("Before calling fetchProfileDataAsync");
+ //dispatch(fetchProfileDataAsync());
+ // console.log("After calling fetchProfileDataAsync");
+
+
return <>
{/* HEADER */}
@@ -95,10 +100,10 @@ return <>
<div className="max-w-[995px] mx-auto mt-8 mb-16 px-4 flex flex-col items-center">
{/* A DISCOVER POST */}
{feedItems && feedItems.length > 0 ? (
- <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-5">
+ <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3">
{feedItems &&
feedItems.map((post: Instalike.Post) => {
- console.log(post)
+ // console.log(post)
return (
<Link key={post.id} to={`/post/${post.id}`} className="flex justify-center">
--
GitLab