import React from 'react'; import { Card, CardHeader, CardContent, CardActions, Button } from '@material-ui/core'; import { Event } from '../../types'; interface PropTypes { event: Event; } const EventCard: React.FC = ({ event }) => { const { data: { name, date, participants, conferenceId, attendanceId } } = event; return ( {conferenceId &&
ConferenceID: {conferenceId}
} {attendanceId &&
AttendanceID: {attendanceId}
}
Participants ({participants?.length || 0} / 3)
    {participants?.map(username => (
  • {username}
  • ))}
{(participants?.length || 0) < 3 && ( )}
); }; export default EventCard;