* Added component files
* Added dependencies and settings on package.json
* Updated package-lock.json to match new dependencies
* Added react scripts and config files
26 lines
607 B
JavaScript
26 lines
607 B
JavaScript
import './PostsFeed.css';
|
|
import React from 'react';
|
|
import {Stack} from "@mui/material";
|
|
import Post from "../post/Post";
|
|
|
|
const PostsFeed = () => {
|
|
const postFeed = [1, 2, 3, 4, 5];
|
|
|
|
const posts = postFeed.map(
|
|
value => {
|
|
return <Post key={value} id={value} name={`user${value}`}/>
|
|
}
|
|
)
|
|
|
|
return (
|
|
<div className="postFeedContainer"> {/* todo margin appearing to the right of the div */}
|
|
|
|
<Stack direction="column"
|
|
spacing={2}>
|
|
{posts}
|
|
</Stack>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default PostsFeed; |