Merge pull request #74 from which-ecosystem/fetching

SWR feat. crazy refactor

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;
+