Finished Hub ESLINT rule enforcement

apps/hub/app/(app)/admin/event/_components/AppointmentModal.tsx

@@ -1,5 +1,5 @@
 import { Event, Participant } from "@repo/db";
-import { EventAppointmentOptionalDefaults } from "@repo/db/zod";
+import { EventAppointmentOptionalDefaults, InputJsonValueType } from "@repo/db/zod";
 import { ColumnDef } from "@tanstack/react-table";
 import { useSession } from "next-auth/react";
 import { RefObject, useRef } from "react";
@@ -45,7 +45,7 @@ export const AppointmentModal = ({
 						✕
 					</button>
 				</form>
-				<h3 className="font-bold text-lg">Termin {appointmentForm.watch("id")}</h3>
+
 				<form
 					onSubmit={appointmentForm.handleSubmit(async (values) => {
 						if (!event) return;
@@ -55,13 +55,13 @@ export const AppointmentModal = ({
 					})}
 					className="flex flex-col"
 				>
-					<DateInput
-						control={appointmentForm.control}
-						name="appointmentDate"
-						showTimeInput
-						timeCaption="Uhrzeit"
-						showTimeCaption
-					/>
+					<div className="flex justify-between mr-7">
+						<h3 className="font-bold text-lg">Termin {appointmentForm.watch("id")}</h3>
+						<DateInput
+							value={new Date(appointmentForm.watch("appointmentDate") || Date.now())}
+							onChange={(date) => appointmentForm.setValue("appointmentDate", date)}
+						/>
+					</div>
 					<div>
 						<PaginatedTable
 							hide={appointmentForm.watch("id") === undefined}
@@ -150,7 +150,7 @@ export const AppointmentModal = ({
 																	attended: false,
 																	appointmentCancelled: true,
 																	statusLog: [
-																		...(row.original.statusLog as any),
+																		...(row.original.statusLog as InputJsonValueType[]),
 																		{
 																			event: "Gefehlt an Event",
 																			timestamp: new Date().toISOString(),
@@ -169,7 +169,7 @@ export const AppointmentModal = ({
 											);
 										},
 									},
-								] as ColumnDef<Participant, any>[]
+								] as ColumnDef<Participant>[]
 							}
 							prismaModel={"participant"}
 							filter={{

apps/hub/app/(app)/admin/event/_components/ParticipantModal.tsx

@@ -59,9 +59,7 @@ export const ParticipantModal = ({ participantForm, ref }: ParticipantModalProps
 										if (!participantForm.watch("id")) return;
 
 										const participant = participantForm.getValues();
-										await handleParticipantFinished(participant.id.toString()).catch((e) => {
-											const error = e as AxiosError;
-										});
+										await handleParticipantFinished(participant.id.toString()).catch(() => {});
 
 										toast.success("Workflow erfolgreich ausgeführt");
 										router.refresh();
@@ -119,10 +117,10 @@ export const ParticipantModal = ({ participantForm, ref }: ParticipantModalProps
 					<div className="flex flex-col">
 						<h3 className="text-xl">Verlauf</h3>
 						{(participantForm.watch("statusLog") as unknown as ParticipantLog[])?.map((s) => (
-							<div className="flex justify-between" key={(s as any).timestamp}>
+							<div className="flex justify-between" key={s.timestamp.toString()}>
 								<p>{s.event}</p>
 								<p>{s.user}</p>
-								<p>{new Date((s as any).timestamp).toLocaleString()}</p>
+								<p>{new Date(s.timestamp).toLocaleString()}</p>
 							</div>
 						))}
 					</div>

apps/hub/app/(app)/admin/event/action.ts

@@ -1,11 +1,8 @@
 "use server";
 
-import { prisma, Prisma, Event, Participant, EventAppointment } from "@repo/db";
+import { prisma, Prisma, Event, Participant } from "@repo/db";
 
-export const upsertEvent = async (
-	event: Prisma.EventCreateInput,
-	id?: Event["id"],
-) => {
+export const upsertEvent = async (event: Prisma.EventCreateInput, id?: Event["id"]) => {
 	const newEvent = id
 		? await prisma.event.update({
 				where: { id: id },

apps/hub/app/(app)/admin/event/new/page.tsx

@@ -1,4 +1,3 @@
-import { prisma } from "@repo/db";
 import { Form } from "../_components/Form";
 
 export default async () => {

apps/hub/app/(app)/admin/event/page.tsx

@@ -1,23 +1,36 @@
 import { PartyPopperIcon } from "lucide-react";
 import { PaginatedTable } from "../../../_components/PaginatedTable";
 import Link from "next/link";
+import { ColumnDef } from "@tanstack/react-table";
+import { Event } from "@repo/db";
 
 export default function Page() {
 	return (
 		<>
 			<PaginatedTable
-				showEditButton
 				prismaModel="event"
-				columns={[
-					{
-						header: "Name",
-						accessorKey: "name",
-					},
-					{
-						header: "Versteckt",
-						accessorKey: "hidden",
-					},
-				]}
+				columns={
+					[
+						{
+							header: "Name",
+							accessorKey: "name",
+						},
+						{
+							header: "Versteckt",
+							accessorKey: "hidden",
+						},
+						{
+							header: "Aktionen",
+							cell: ({ row }) => (
+								<div className="flex items-center gap-1">
+									<Link href={`/admin/event/${row.original.id}`}>
+										<button className="btn btn-sm">Edit</button>
+									</Link>
+								</div>
+							),
+						},
+					] as ColumnDef<Event>[]
+				}
 				leftOfSearch={
 					<span className="flex items-center gap-2">
 						<PartyPopperIcon className="w-5 h-5" /> Events