From 2c209a3f52648653fda853614609c76019e5a7d2 Mon Sep 17 00:00:00 2001 From: ilyayudovin <ilyayudovin123@gmail.com> Date: Fri, 9 Oct 2020 22:47:56 +0300 Subject: Add fontsize for description --- src/components/UserStrip/UserStrip.tsx | 90 +++++++++++++++++----------------- 1 file changed, 45 insertions(+), 45 deletions(-) (limited to 'src/components/UserStrip') 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; -- cgit v1.2.3