remove appointment from events

apps/hub/app/(app)/events/_components/EventCard.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { DrawingPinFilledIcon } from "@radix-ui/react-icons";
-import { Event, Participant, EventAppointment, User } from "@repo/db";
+import { Event, Participant, User } from "@repo/db";
 import ModalBtn from "./Modal";
 import MDEditor from "@uiw/react-md-editor";
 import { Badge } from "@repo/shared-components";
@@ -8,25 +8,18 @@ import { Badge } from "@repo/shared-components";
 export const EventCard = ({
 	user,
 	event,
-	selectedAppointments,
-	appointments,
 }: {
 	user: User;
 	event: Event & {
-		Appointments: EventAppointment[];
 		Participants: Participant[];
 	};
-	selectedAppointments: EventAppointment[];
-	appointments: (EventAppointment & {
-		Participants: { userId: string }[];
-	})[];
 }) => {
 	return (
 		<div className="col-span-full">
-			<div className="card bg-base-200 shadow-xl mb-4">
+			<div className="card bg-base-200 mb-4 shadow-xl">
 				<div className="card-body">
 					<h2 className="card-title">{event.name}</h2>
-					<div className="absolute top-0 right-0 m-4">
+					<div className="absolute right-0 top-0 m-4">
 						{event.type === "COURSE" && (
 							<span className="badge badge-info badge-outline">Zusatzqualifikation</span>
 						)}
@@ -36,7 +29,7 @@ export const EventCard = ({
 					</div>
 					<div className="grid grid-cols-6 gap-4">
 						<div className="col-span-4">
-							<div className="text-left text-balance" data-color-mode="dark">
+							<div className="text-balance text-left" data-color-mode="dark">
 								<MDEditor.Markdown
 									source={event.descriptionShort}
 									style={{
@@ -45,21 +38,21 @@ export const EventCard = ({
 								/>
 							</div>
 						</div>
-						<div className="flex col-span-2 justify-end">
+						<div className="col-span-2 flex justify-end">
 							{event.finishedBadges.map((b) => {
 								return <Badge badge={b} key={b} />;
 							})}
 						</div>
 					</div>
-					<div className="card-actions flex justify-between items-center mt-5">
+					<div className="card-actions mt-5 flex items-center justify-between">
 						<div>
-							<p className="text-gray-600 text-left flex items-center gap-2">
+							<p className="flex items-center gap-2 text-left text-gray-600">
 								<DrawingPinFilledIcon /> <b>Teilnahmevoraussetzungen: </b>
 								{!event.requiredBadges.length && "Keine"}
 							</p>
 							{!!event.requiredBadges.length && (
-								<div className="flex ml-6">
-									<b className="text-gray-600 text-left mr-2">Abzeichen:</b>
+								<div className="ml-6 flex">
+									<b className="mr-2 text-left text-gray-600">Abzeichen:</b>
 									<div className="flex gap-2">
 										{event.requiredBadges.map((badge) => (
 											<div className="badge badge-secondary badge-outline" key={badge}>
@@ -71,11 +64,9 @@ export const EventCard = ({
 							)}
 						</div>
 						<ModalBtn
-							selectedAppointments={selectedAppointments}
 							user={user}
 							event={event}
 							title={event.name}
-							dates={appointments}
 							participant={event.Participants[0]}
 							modalId={`${event.name}_modal.${event.id}`}
 						/>