From 0a23633aa49ece18897a6ceaa56fdd3cd837b8e8 Mon Sep 17 00:00:00 2001 From: ilyayudovin Date: Tue, 15 Sep 2020 00:15:30 +0300 Subject: feat: add description to poll --- src/containers/Page/Page.tsx | 3 ++- src/containers/PollCreation/PollCreation.tsx | 13 ++++++++----- 2 files changed, 10 insertions(+), 6 deletions(-) (limited to 'src/containers') diff --git a/src/containers/Page/Page.tsx b/src/containers/Page/Page.tsx index e60f7da..9a904a4 100644 --- a/src/containers/Page/Page.tsx +++ b/src/containers/Page/Page.tsx @@ -17,7 +17,8 @@ const useStyles = makeStyles(theme => ({ }, [theme.breakpoints.up('md')]: { padding: theme.spacing(15, 5, 8, 5) - } + }, + backgroundColor: 'whitesmoke' } })); diff --git a/src/containers/PollCreation/PollCreation.tsx b/src/containers/PollCreation/PollCreation.tsx index 68f41d2..7f29119 100644 --- a/src/containers/PollCreation/PollCreation.tsx +++ b/src/containers/PollCreation/PollCreation.tsx @@ -1,7 +1,7 @@ -import React from 'react'; +import React, {useRef} from 'react'; import Bluebird from 'bluebird'; import { makeStyles } from '@material-ui/core/styles'; -import { Card, Container, LinearProgress } from '@material-ui/core'; +import { Card, Container, LinearProgress, Divider } from '@material-ui/core'; import SendIcon from '@material-ui/icons/Send'; import { useSnackbar } from 'notistack'; @@ -25,8 +25,9 @@ const useStyles = makeStyles(theme => ({ const PollCreation: React.FC = () => { const classes = useStyles(); - const { user } = useAuth(); + const ref = useRef(null); const { enqueueSnackbar } = useSnackbar(); + const { user } = useAuth(); const { mutate: updateFeed } = useFeed(); const { mutate: updateProfile } = useProfile(user?.username || ''); const { @@ -50,8 +51,8 @@ const PollCreation: React.FC = () => { left: { url: leftUrl }, right: { url: rightUrl } }; - - post('/polls/', { contents }).then(() => { + const description = ref?.current?.value; + post('/polls/', { contents, description }).then(() => { updateFeed(); updateProfile(); enqueueSnackbar('Your poll has been successfully created!', { variant: 'success' }); @@ -71,6 +72,8 @@ const PollCreation: React.FC = () => { {user && } + +