fix(dashboard): subscribers form submission (#7981)

Author: BiswaViraj

apps/dashboard/src/components/subscribers/create-subscriber-form.tsx

@@ -76,6 +76,7 @@ export const CreateSubscriberForm = (props: CreateSubscriberFormProps) => {
           noValidate
           onSubmit={form.handleSubmit(onSubmit)}
           className="flex h-full flex-col overflow-y-auto"
+          id="create-subscriber"
         >
           <div className="flex flex-col items-stretch gap-6 p-5">
             <div className="flex items-center gap-3">

apps/dashboard/src/components/subscribers/subscriber-overview-form.tsx

@@ -37,7 +37,7 @@ const basicSetup = { lineNumbers: true, defaultKeymap: true };
 const toastOptions: ExternalToast = {
   position: 'bottom-right',
   classNames: {
-    toast: 'mb-4 right-0',
+    toast: 'mb-4 right-0 pointer-events-none',
   },
 };
 

apps/dashboard/src/pages/create-subscriber.tsx

@@ -20,7 +20,7 @@ import { ExternalToast } from 'sonner';
 const toastOptions: ExternalToast = {
   position: 'bottom-right',
   classNames: {
-    toast: 'mb-4 right-0',
+    toast: 'mb-4 right-0 pointer-events-none',
   },
 };
 
@@ -96,7 +96,13 @@ export function CreateSubscriberPage() {
                   </Link>
                 </span>
               </div>
-              <Button variant="secondary" type="submit" disabled={isPending} isLoading={isPending}>
+              <Button
+                variant="secondary"
+                type="submit"
+                disabled={isPending}
+                isLoading={isPending}
+                form="create-subscriber"
+              >
                 Create subscriber
               </Button>
             </div>