diff options
| author | ilyayudovin <ilyayudovin123@gmail.com> | 2020-06-14 15:56:29 +0300 |
|---|---|---|
| committer | ilyayudovin <ilyayudovin123@gmail.com> | 2020-06-14 16:03:35 +0300 |
| commit | 3c3223c3b41411639ff19ebd58df569cf17999ca (patch) | |
| tree | 0cdf433d3b718e5f87a286dd01159da431189a9e /src/Components/Feed/Feed.tsx | |
| parent | 99b44bc80fa3228131a05fccb13f75ff8a46b116 (diff) | |
| download | which-ui-3c3223c3b41411639ff19ebd58df569cf17999ca.tar.gz | |
divide src into Pages and Components directories
Diffstat (limited to 'src/Components/Feed/Feed.tsx')
| -rw-r--r-- | src/Components/Feed/Feed.tsx | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/src/Components/Feed/Feed.tsx b/src/Components/Feed/Feed.tsx new file mode 100644 index 0000000..604c167 --- /dev/null +++ b/src/Components/Feed/Feed.tsx @@ -0,0 +1,41 @@ +import React, { useState, useEffect } from 'react'; +import { makeStyles } from '@material-ui/core/styles'; +import { Poll } from '../../types'; +import PollCard from '../PollCard/PollCard'; +import { get } from '../../requests'; + +interface PropTypes { + page: string; +} + +const useStyles = makeStyles(theme => ({ + root: { + position: 'relative', + maxWidth: theme.spacing(75), + margin: '0 auto' + } +})); + +const Feed: React.FC<PropTypes> = ({ page }) => { + const [polls, setPolls] = useState<Poll[]>([]); + const classes = useStyles(); + + let endpoint = '/polls'; + // TODO: Make this work + if (page === 'feed') endpoint = '/polls'; + + useEffect(() => { + get(endpoint).then(response => { + setPolls(response.data); + }); + }, [endpoint]); + + return ( + <div className={classes.root}> + {polls.map(poll => <PollCard poll={poll} key={poll._id} />)} + </div> + ); +}; + +export default Feed; + |