diff --git a/src/redux/feed/thunks.ts b/src/redux/feed/thunks.ts index 48802121131a034fd361474e3b8cacded9e20bba..3a42c706fa3730e18a09bfb3caf7529852d55f47 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 02fd1a8055a0ae23be8f978f715ee76fcf05151c..c42bfda0f4b6a07a26d4cd4e74c6c7ccdffb37d4 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">