feat: create edit Event Page and add closeOnAction prop for Toaster

src/components/forms/event-form.tsx

@@ -128,9 +128,9 @@ const EventForm: React.FC<EventFormProps> = (props) => {
           location: data.location,
         },
       });
-      console.log('Updating event with data:', data);
+      console.log('Updating event');
     } else {
-      console.log('Creating event with data:', data);
+      console.log('Creating event');
       createEvent({ data });
     }
 
@@ -279,11 +279,13 @@ const EventForm: React.FC<EventFormProps> = (props) => {
             <Button
               type='button'
               variant='secondary'
-              onClick={() => router.back()}
+              onClick={() => {
+                router.back();
+                console.log('user aborted - no change in database');
+              }}
             >
               cancel
             </Button>
-            {/* TODO: add onClick handler to cancel cancel */}
           </div>
           <div className='w-[20%] grid max-sm:w-[40%]'>
             <Button

src/components/misc/toast-inner.tsx

@@ -60,6 +60,7 @@ interface ToastInnerProps {
     | 'warning'
     | 'notification';
   iconName?: keyof typeof Icons;
+  closeOnAction?: boolean;
 }
 
 const variantConfig = {
@@ -97,6 +98,7 @@ export const ToastInner: React.FC<ToastInnerProps> = ({
   toastId,
   variant = 'default',
   iconName,
+  closeOnAction = true,
 }) => {
   const bgColor = variantConfig[variant].bgColor;
 
@@ -134,7 +136,12 @@ export const ToastInner: React.FC<ToastInnerProps> = ({
             <Button
               variant={'secondary'}
               className='w-100px w-full mr-2'
-              onClick={onAction}
+              onClick={() => {
+                onAction();
+                if (closeOnAction) {
+                  toast.dismiss(toastId);
+                }
+              }}
             >
               {buttonText}
             </Button>