31 lines
660 B
JavaScript
31 lines
660 B
JavaScript
import React from "react";
|
|
import CreatePost from "./CreatePost";
|
|
import DisplayPost from "./DisplayPost";
|
|
import { useSelector } from "react-redux";
|
|
|
|
const PostView = () => {
|
|
const posts = useSelector((state) => state.posts);
|
|
|
|
return (
|
|
<>
|
|
<CreatePost
|
|
isCurrentUser={true}
|
|
className="mw-100 m-auto p-0"
|
|
style={{ width: "450px" }}
|
|
/>
|
|
{posts.map((post, index) => {
|
|
return (
|
|
<DisplayPost
|
|
key={index}
|
|
post={post}
|
|
className="mw-100 mx-auto my-2"
|
|
style={{ width: "450px" }}
|
|
/>
|
|
);
|
|
})}
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default PostView;
|