aboutsummaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/components')
-rw-r--r--src/components/PollCard/PollCard.tsx1
-rw-r--r--src/components/UserStrip/UserStrip.tsx90
2 files changed, 46 insertions, 45 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;