aboutsummaryrefslogtreecommitdiff
path: root/src/containers
diff options
context:
space:
mode:
Diffstat (limited to 'src/containers')
-rw-r--r--src/containers/FeedPage/FeedPage.tsx8
-rw-r--r--src/containers/ProfilePage/ProfilePage.tsx9
2 files changed, 9 insertions, 8 deletions
diff --git a/src/containers/FeedPage/FeedPage.tsx b/src/containers/FeedPage/FeedPage.tsx
index da0fb2a..7445c25 100644
--- a/src/containers/FeedPage/FeedPage.tsx
+++ b/src/containers/FeedPage/FeedPage.tsx
@@ -2,23 +2,23 @@ import React from 'react';
import { Poll } from 'which-types';
import { Container } from '@material-ui/core/';
-import Feed from '../../components/Feed/Feed';
+import PollsList from '../../components/PollsList/PollsList';
import PollSubmission from './PollSubmission';
import { useAuth } from '../../hooks/useAuth';
import { useFeed } from '../../hooks/APIClient';
const FeedPage: React.FC = () => {
- const { data, mutate } = useFeed();
+ const { data: polls, mutate } = useFeed();
const { isAuthenticated } = useAuth();
const addPoll = (poll: Poll): void => {
- mutate([poll, ...data], true);
+ mutate([poll, ...polls], true);
};
return (
<Container maxWidth="sm" disableGutters>
{isAuthenticated && <PollSubmission addPoll={addPoll} />}
- <Feed polls={data} />
+ <PollsList polls={polls} mutate={mutate} />
</Container>
);
};
diff --git a/src/containers/ProfilePage/ProfilePage.tsx b/src/containers/ProfilePage/ProfilePage.tsx
index db27d25..7a1d729 100644
--- a/src/containers/ProfilePage/ProfilePage.tsx
+++ b/src/containers/ProfilePage/ProfilePage.tsx
@@ -4,7 +4,7 @@ import { Poll } from 'which-types';
import { Container } from '@material-ui/core';
import ProfileInfo from './ProfileInfo';
-import Feed from '../../components/Feed/Feed';
+import PollsList from '../../components/PollsList/PollsList';
import Loading from '../../components/Loading/Loading';
import { useAuth } from '../../hooks/useAuth';
import { useUser, useProfile } from '../../hooks/APIClient';
@@ -16,7 +16,7 @@ const ProfilePage: React.FC = () => {
const { user } = useAuth();
const { data: userInfo, mutate: setUserInfo } = useUser(username);
- const { data: polls, isValidating } = useProfile(userInfo?._id);
+ const { data: polls, mutate: mutatePolls, isValidating } = useProfile(userInfo?._id);
useEffect(() => {
if (!username) {
@@ -44,9 +44,10 @@ const ProfilePage: React.FC = () => {
savedPolls={polls.length}
totalVotes={totalVotes}
/>
- {!polls.length && isValidating
+ {
+ isValidating && !polls
? <Loading />
- : <Feed polls={polls} />
+ : <PollsList polls={polls} mutate={mutatePolls} />
}
</Container>
);