From eea76a129c7e8001eca00037e5915c79ed685169 Mon Sep 17 00:00:00 2001 From: ilyayudovin Date: Sun, 7 Jun 2020 19:10:15 +0300 Subject: feat: add Feed and fucntionality for creating polls --- src/Feed/Feed.tsx | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 src/Feed/Feed.tsx (limited to 'src/Feed/Feed.tsx') diff --git a/src/Feed/Feed.tsx b/src/Feed/Feed.tsx new file mode 100644 index 0000000..03ba6c0 --- /dev/null +++ b/src/Feed/Feed.tsx @@ -0,0 +1,29 @@ +import React from 'react'; +import { makeStyles } from '@material-ui/core/styles'; +import { Poll } from '../types'; +import PollCard from '../PollCard/PollCard'; + +interface PropTypes { + polls: Poll[], +} + +const usedStyles = makeStyles(() => ({ + feed: { + maxWidth: 600, + margin: '0 auto' + } +})); + +const Feed: React.FC = ({ polls }) => { + const classes = usedStyles(); + + return ( +
+ { + polls.map(poll => ) + } +
+ ); +}; + +export default Feed; -- cgit v1.2.3 From 63d8c7cfdc941896e54071f2dce2274d1b602245 Mon Sep 17 00:00:00 2001 From: ilyayudovin Date: Sun, 7 Jun 2020 19:27:32 +0300 Subject: fix: changing px to spacing --- src/Feed/Feed.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'src/Feed/Feed.tsx') diff --git a/src/Feed/Feed.tsx b/src/Feed/Feed.tsx index 03ba6c0..ef82b38 100644 --- a/src/Feed/Feed.tsx +++ b/src/Feed/Feed.tsx @@ -7,9 +7,9 @@ interface PropTypes { polls: Poll[], } -const usedStyles = makeStyles(() => ({ +const usedStyles = makeStyles(theme => ({ feed: { - maxWidth: 600, + maxWidth: theme.spacing(75), margin: '0 auto' } })); -- cgit v1.2.3 From 5ff3d0a3a29ebba9c42603369bb16d7419a423d1 Mon Sep 17 00:00:00 2001 From: ilyayudovin Date: Sun, 7 Jun 2020 20:10:39 +0300 Subject: fix: change props again --- src/Feed/Feed.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'src/Feed/Feed.tsx') diff --git a/src/Feed/Feed.tsx b/src/Feed/Feed.tsx index ef82b38..e5bc9aa 100644 --- a/src/Feed/Feed.tsx +++ b/src/Feed/Feed.tsx @@ -20,7 +20,7 @@ const Feed: React.FC = ({ polls }) => { return (
{ - polls.map(poll => ) + polls.map(poll => ) }
); -- cgit v1.2.3