aboutsummaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/components')
-rw-r--r--src/components/EventCard/EventCard.tsx29
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>}