diff --git a/src/app/events/components/eventCard.jsx b/src/app/events/components/eventCard.jsx new file mode 100644 index 0000000..3db7a45 --- /dev/null +++ b/src/app/events/components/eventCard.jsx @@ -0,0 +1,70 @@ +import React, { useState } from "react"; + +import { getPublicUrl } from "@/lib/utils"; +import Link from "next/link"; + +import { Montserrat, Alata } from "next/font/google"; +const montserratFont = Montserrat({ + weight: ["100", "200", "400", "600"], + subsets: ["latin"], +}); +const boldMontserratFont = Montserrat({ + weight: ["600"], + subsets: ["latin"], +}); + +export default function EventCard(props) { + const [event, setEvent] = useState(props.event); + const [eventDate, setEventDate] = useState(event.date); + const [eventTime, setEventTime] = useState(event.time); + let posterUrl = getPublicUrl(`/events/${event.id}/poster`); + return ( +
{formatDate(eventDate)} | {formatTime(eventTime)}
+{event.name}
+{trimString(event.description,50)}
+Events Near
-+ Events +
+