feat: display Events in a grid

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>}