diff options
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/EventCard/EventCard.tsx | 29 |
1 files changed, 11 insertions, 18 deletions
diff --git a/src/components/EventCard/EventCard.tsx b/src/components/EventCard/EventCard.tsx index 88984ff..192d0b3 100644 --- a/src/components/EventCard/EventCard.tsx +++ b/src/components/EventCard/EventCard.tsx @@ -1,6 +1,5 @@ import React from 'react'; -import { makeStyles } from '@material-ui/core/styles'; -import { +import { Card, CardHeader, CardContent, @@ -13,25 +12,19 @@ interface PropTypes { event: Event; } -const useStyles = makeStyles(theme => ({ - root: { - margin: theme.spacing(1), - maxWidth: theme.spacing(60) - } -})); - const EventCard: React.FC<PropTypes> = ({ event }) => { - const classes = useStyles(); - const { data: { - name, - date, - participants, - conferenceId, - attendanceId - }} = event; + const { + data: { + name, + date, + participants, + conferenceId, + attendanceId + } + } = event; return ( - <Card variant="outlined" className={classes.root}> + <Card variant="outlined"> <CardHeader title={name || 'Event'} subheader={date} /> <CardContent> {conferenceId && <div> ConferenceID: {conferenceId} </div>} |