diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/components/PollCard/PollCard.tsx | 1 | ||||
-rw-r--r-- | src/components/UserStrip/UserStrip.tsx | 90 | ||||
-rw-r--r-- | src/containers/PollCreation/PollCreation.tsx | 3 |
3 files changed, 47 insertions, 47 deletions
diff --git a/src/components/PollCard/PollCard.tsx b/src/components/PollCard/PollCard.tsx index a06bad8..d68ddf9 100644 --- a/src/components/PollCard/PollCard.tsx +++ b/src/components/PollCard/PollCard.tsx @@ -44,6 +44,7 @@ const useStyles = makeStyles(theme => ({ transitionDuration: '0.5s' }, description: { + fontSize: 14, padding: theme.spacing(1, 2), wordWrap: 'break-word', whiteSpace: 'pre-wrap' diff --git a/src/components/UserStrip/UserStrip.tsx b/src/components/UserStrip/UserStrip.tsx index a837961..bdb36bd 100644 --- a/src/components/UserStrip/UserStrip.tsx +++ b/src/components/UserStrip/UserStrip.tsx @@ -1,45 +1,45 @@ -import React from 'react'; -import { makeStyles } from '@material-ui/core/styles'; -import VerifiedIcon from '@material-ui/icons/CheckCircleOutline'; -import { CardHeader } from '@material-ui/core/'; -import { User } from 'which-types'; - -import Avatar from '../Avatar/Avatar'; - - -interface PropTypes { - user: User; - info?: string | JSX.Element -} - - -const useStyles = makeStyles(theme => ({ - root: { - display: 'flex', - alignItems: 'center' - }, - verified: { - marginLeft: theme.spacing(0.5), - width: theme.spacing(2), - height: theme.spacing(2) - } -})); - - -const UserStrip: React.FC<PropTypes> = ({ user, info }) => { - const classes = useStyles(); - const { username, verified } = user; - - const avatar = <Avatar user={user} />; - - const title = ( - <div className={classes.root}> - {username} - {verified && <VerifiedIcon color="primary" className={classes.verified} />} - </div> - ); - - return <CardHeader avatar={avatar} title={title} subheader={info} />; -}; - -export default UserStrip; +import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import VerifiedIcon from '@material-ui/icons/CheckCircleOutline';
+import { CardHeader } from '@material-ui/core/';
+import { User } from 'which-types';
+
+import Avatar from '../Avatar/Avatar';
+
+
+interface PropTypes {
+ user: User;
+ info?: string | JSX.Element
+}
+
+
+const useStyles = makeStyles(theme => ({
+ root: {
+ display: 'flex',
+ alignItems: 'center'
+ },
+ verified: {
+ marginLeft: theme.spacing(0.5),
+ width: theme.spacing(2),
+ height: theme.spacing(2)
+ }
+}));
+
+
+const UserStrip: React.FC<PropTypes> = ({ user, info }) => {
+ const classes = useStyles();
+ const { username, verified } = user;
+
+ const avatar = <Avatar user={user} />;
+
+ const title = (
+ <div className={classes.root}>
+ {username}
+ {verified && <VerifiedIcon color="primary" className={classes.verified} />}
+ </div>
+ );
+
+ return <CardHeader avatar={avatar} title={title} subheader={info} />;
+};
+
+export default UserStrip;
diff --git a/src/containers/PollCreation/PollCreation.tsx b/src/containers/PollCreation/PollCreation.tsx index 2e2bd06..2990213 100644 --- a/src/containers/PollCreation/PollCreation.tsx +++ b/src/containers/PollCreation/PollCreation.tsx @@ -14,7 +14,6 @@ import { post } from '../../requests'; import { useFeed, useProfile } from '../../hooks/APIClient'; import { useAuth } from '../../hooks/useAuth'; - const useStyles = makeStyles(theme => ({ images: { height: theme.spacing(50), @@ -25,11 +24,11 @@ const useStyles = makeStyles(theme => ({ height: 100 }, description: { + fontSize: 14, padding: theme.spacing(1, 2) } })); - const PollCreation: React.FC = () => { const [description, setDescription] = useState<string>(''); const classes = useStyles(); |