quick event touchups

Author: christianhelp

apps/web/src/components/events/admin/EditEventForm.tsx

@@ -54,8 +54,12 @@ export default function EditEventForm({
 		onExecute: () => setLoading(true),
 		onSettled: () => setLoading(false),
 		onSuccess: () => {
-			alert("Event Edited Successfully! Redirecting to event page...");
-			router.push("/admin/events");
+			toast.success(
+				"Event Edited Successfully! Redirecting to event page...",
+			);
+			setTimeout(() => {
+				router.push("/admin/events");
+			}, 2000);
 		},
 		onError: ({ error }) => {
 			let description: string;

apps/web/src/components/events/admin/NewEventForm.tsx

@@ -34,6 +34,7 @@ import { ONE_HOUR_IN_MILLISECONDS } from "@/lib/constants";
 import { NewEventFormProps } from "@/lib/types/events";
 import { newEventFormSchema } from "@/validators/event";
 import { ThreeCircles } from "react-loader-spinner";
+import { toast } from "sonner";
 
 export default function NewEventForm({ defaultDate }: NewEventFormProps) {
 	const [loading, setLoading] = useState(false);
@@ -65,10 +66,10 @@ export default function NewEventForm({ defaultDate }: NewEventFormProps) {
 		});
 		setLoading(false);
 		if (res.success) {
-			alert("Event Created Successfully! Redirecting to event page...");
+			toast.success("Event Created Successfully! Redirecting to event");
 			router.push(res.data.redirect);
 		} else {
-			alert(
+			toast.error(
 				"Failed to create event, please try again. Error:\n\n" +
 					res.error,
 			);

apps/web/src/components/events/shared/EventColumns.tsx

@@ -121,15 +121,21 @@ export const columns: ColumnDef<EventRow>[] = [
 							</Button>
 						</DropdownMenuTrigger>
 						<DropdownMenuContent align="end">
-							<DropdownMenuItem>
+							<DropdownMenuItem
+								asChild
+								className="h-full w-full cursor-pointer"
+							>
 								<Link
 									href={`/schedule/${data.id}`}
 									className="h-full w-full"
 								>
 									View
 								</Link>
 							</DropdownMenuItem>
-							<DropdownMenuItem>
+							<DropdownMenuItem
+								asChild
+								className="h-full w-full cursor-pointer"
+							>
 								<Link
 									href={`/admin/scanner/${data.id}`}
 									className="h-full w-full"
@@ -138,7 +144,10 @@ export const columns: ColumnDef<EventRow>[] = [
 								</Link>
 							</DropdownMenuItem>
 							<DropdownMenuSeparator />
-							<DropdownMenuItem>
+							<DropdownMenuItem
+								className="h-full w-full cursor-pointer"
+								asChild
+							>
 								<Link
 									href={`/admin/events/edit/${data.id}`}
 									className="h-full w-full"
@@ -148,7 +157,7 @@ export const columns: ColumnDef<EventRow>[] = [
 							</DropdownMenuItem>
 							<DropdownMenuItem
 								asChild
-								className="h-full w-full text-red-500"
+								className="h-full w-full cursor-pointer text-red-500"
 							>
 								<AlertDialogTrigger>Delete</AlertDialogTrigger>
 							</DropdownMenuItem>