diff --git a/components/MiniEventCard.tsx b/components/MiniEventCard.tsx index 3c3f870b..78408421 100644 --- a/components/MiniEventCard.tsx +++ b/components/MiniEventCard.tsx @@ -1,37 +1,35 @@ -import React, { ReactElement } from "react"; +import React, { ReactNode } from "react"; import styles from "./MiniEventCard.module.css"; -interface EventProps { - title: string; +interface Props { + name: string; descriptionShort: string; - descriptionLong: ReactElement; + description: ReactNode; location: string; date: string; time: string; } -const DropDownIcon = () => { - return ( - - - - ); -}; +const DropDownIcon = ( + + + +); -export const MiniEventCard: React.FC = ({ - title, +export const MiniEventCard: React.FC = ({ + name, descriptionShort, - descriptionLong, + description, location, date, time, @@ -40,19 +38,17 @@ export const MiniEventCard: React.FC = ({ event.preventDefault()}> - {title} + {name} {location} | {date} | {time} {descriptionShort} - - View details - + View details {DropDownIcon} - {descriptionLong} + {description} ); };
{location} | {date} | {time}
{descriptionShort}
- View details -
View details {DropDownIcon}
{descriptionLong}