diff options
Diffstat (limited to 'src/containers/Feed/Feed.tsx')
-rw-r--r-- | src/containers/Feed/Feed.tsx | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/src/containers/Feed/Feed.tsx b/src/containers/Feed/Feed.tsx new file mode 100644 index 0000000..e923bdd --- /dev/null +++ b/src/containers/Feed/Feed.tsx @@ -0,0 +1,27 @@ +import React from 'react'; +import { Poll } from 'which-types'; +import { Container } from '@material-ui/core/'; + +import PollsList from '../../components/PollsList/PollsList'; +import PollSubmission from './PollSubmission'; +import { useAuth } from '../../hooks/useAuth'; +import { useFeed } from '../../hooks/APIClient'; + +const Feed: React.FC = () => { + const { data: polls, mutate } = useFeed(); + const { isAuthenticated } = useAuth(); + + const addPoll = (poll: Poll): void => { + mutate([poll, ...polls], true); + }; + + return ( + <Container maxWidth="sm" disableGutters> + {isAuthenticated && <PollSubmission addPoll={addPoll} />} + <PollsList polls={polls} mutate={mutate} /> + </Container> + ); +}; + +export default Feed; + |