#58 code cleanup

changed unnecessary loading statements into form.formState.isLoading/submitting

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

@@ -49,8 +49,6 @@ export const Form = ({ event }: { event?: Event }) => {
 		resolver: zodResolver(ParticipantSchema),
 	});
 	const appointmentsTableRef = useRef<PaginatedTableRef>(null);
-	const [loading, setLoading] = useState(false);
-	const [deleteLoading, setDeleteLoading] = useState(false);
 	const appointmentModal = useRef<HTMLDialogElement>(null);
 	const participantModal = useRef<HTMLDialogElement>(null);
 
@@ -67,10 +65,7 @@ export const Form = ({ event }: { event?: Event }) => {
 			<ParticipantModal participantForm={participantForm} ref={participantModal} />
 			<form
 				onSubmit={form.handleSubmit(async (values) => {
-					setLoading(true);
-
 					await upsertEvent(values, event?.id);
-					setLoading(false);
 					if (!event) redirect(`/admin/event`);
 				})}
 				className="grid grid-cols-6 gap-3"
@@ -305,14 +300,16 @@ export const Form = ({ event }: { event?: Event }) => {
 				<div className="card bg-base-200 shadow-xl col-span-6">
 					<div className="card-body ">
 						<div className="flex w-full gap-4">
-							<Button isLoading={loading} type="submit" className="btn btn-primary flex-1">
+							<Button
+								isLoading={form.formState.isSubmitting}
+								type="submit"
+								className="btn btn-primary flex-1"
+							>
 								Speichern
 							</Button>
 							{event && (
 								<Button
-									isLoading={deleteLoading}
 									onClick={async () => {
-										setDeleteLoading(true);
 										await deleteEvent(event.id);
 										redirect("/admin/event");
 									}}