aboutsummaryrefslogtreecommitdiff
path: root/src/pages/FeedPage
diff options
context:
space:
mode:
Diffstat (limited to 'src/pages/FeedPage')
-rw-r--r--src/pages/FeedPage/FeedPage.tsx7
-rw-r--r--src/pages/FeedPage/PollSubmission.tsx9
2 files changed, 9 insertions, 7 deletions
diff --git a/src/pages/FeedPage/FeedPage.tsx b/src/pages/FeedPage/FeedPage.tsx
index 0017275..6561991 100644
--- a/src/pages/FeedPage/FeedPage.tsx
+++ b/src/pages/FeedPage/FeedPage.tsx
@@ -4,15 +4,16 @@ import { Poll, User } from 'which-types';
import Feed from '../../components/Feed/Feed';
import { get } from '../../requests';
import PollSubmission from './PollSubmission';
+import { useAuth } from '../../hooks/useAuth';
interface PropTypes {
navigate: (prefix: string, id: string) => void;
- user: User | undefined;
}
-const FeedPage: React.FC<PropTypes> = ({ navigate, user }) => {
+const FeedPage: React.FC<PropTypes> = ({ navigate }) => {
const [polls, setPolls] = useState<Poll[]>([]);
+ const { isAuthenticated } = useAuth();
useEffect(() => {
get('/feed').then(response => {
@@ -28,7 +29,7 @@ const FeedPage: React.FC<PropTypes> = ({ navigate, user }) => {
return (
<>
- {user && <PollSubmission user={user} addPoll={addPoll} />}
+ {isAuthenticated() && <PollSubmission addPoll={addPoll} />}
<Feed polls={polls} navigate={navigate} />
</>
);
diff --git a/src/pages/FeedPage/PollSubmission.tsx b/src/pages/FeedPage/PollSubmission.tsx
index 16c8350..4e06254 100644
--- a/src/pages/FeedPage/PollSubmission.tsx
+++ b/src/pages/FeedPage/PollSubmission.tsx
@@ -12,9 +12,9 @@ import PollSubmissionImage from './PollSubmissionImage';
import UserStrip from '../../components/UserStrip/UserStrip';
import { post } from '../../requests';
import { Contents } from './types';
+import { useAuth } from '../../hooks/useAuth';
interface PropTypes{
- user: User;
addPoll: (poll: Poll) => void;
}
@@ -30,10 +30,11 @@ const emptyContents: Contents = {
right: { url: '' }
};
-const PollSubmission: React.FC<PropTypes> = ({ user, addPoll }) => {
+const PollSubmission: React.FC<PropTypes> = ({ addPoll }) => {
const classes = useStyles();
const [expanded, setExpanded] = useState(false);
const [contents, setContents] = useState<Contents>(emptyContents);
+ const { user } = useAuth();
const readyToSubmit = contents.left.url && contents.right.url;
@@ -47,7 +48,7 @@ const PollSubmission: React.FC<PropTypes> = ({ user, addPoll }) => {
const handleClick = () => {
if (expanded && readyToSubmit) {
- post('/polls/', { authorId: user._id, contents }).then(response => {
+ post('/polls/', { contents }).then(response => {
addPoll(response.data);
});
setContents({ ...emptyContents });
@@ -59,7 +60,7 @@ const PollSubmission: React.FC<PropTypes> = ({ user, addPoll }) => {
<ClickAwayListener onClickAway={handleClickAway}>
<Card>
<Collapse in={expanded} timeout="auto" unmountOnExit>
- <UserStrip user={user} info="" navigate={() => {}} />
+ {user && <UserStrip user={user} info="" navigate={() => {}} />}
<Divider />
<div className={classes.root}>
<PollSubmissionImage url={contents.left.url} setUrl={setUrl('left')} />