feat: Add form submission handling to AuthDialog

webapp/packages/plugin-authentication/src/Dialog/AuthDialog.tsx

@@ -22,6 +22,7 @@ import {
   s,
   TextPlaceholder,
   useErrorDetails,
+  useForm,
   useS,
   useTranslate,
 } from '@cloudbeaver/core-blocks';
@@ -52,6 +53,11 @@ export const AuthDialog: DialogComponent<IAuthOptions, null> = observer(function
   const commonDialogService = useService(CommonDialogService);
   const translate = useTranslate();
   const state = dialogData.state;
+  const form = useForm({
+    onSubmit: function onSubmit() {
+      login(linkUser);
+    },
+  });
 
   const additional = userInfo.data !== null && state.activeProvider?.id !== undefined && !userInfo.hasToken(state.activeProvider.id);
 
@@ -230,7 +236,7 @@ export const AuthDialog: DialogComponent<IAuthOptions, null> = observer(function
               onClose={rejectDialog}
             />
           ) : (
-            <Form className={s(styles, { submittingForm: true })} onSubmit={() => login(linkUser)}>
+            <Form className={s(styles, { submittingForm: true })} context={form}>
               {renderForm(state.activeProvider, state.activeConfiguration)}
             </Form>
           )}