feat(ui): close confirm when changes not saved

ui/src/pages/settings/SettingsSSLProvider.tsx

@@ -227,7 +227,7 @@ const SettingsSSLProvider = () => {
   }, []);
 
   const [providerType, setProviderType] = useState<SSLProviders>(SSLPROVIDERS.LETS_ENCRYPT);
-  const providerFormComponent = useMemo(() => {
+  const providerFormEl = useMemo(() => {
     switch (providerType) {
       case SSLPROVIDERS.LETS_ENCRYPT:
         return <SSLProviderEditFormLetsEncryptConfig />;
@@ -286,7 +286,7 @@ const SettingsSSLProvider = () => {
           </Form.Item>
         </Form>
 
-        <div className="md:max-w-[40rem]">{providerFormComponent}</div>
+        <div className="md:max-w-[40rem]">{providerFormEl}</div>
       </Show>
     </SSLProviderContext.Provider>
   );

ui/src/pages/workflows/WorkflowDetail.tsx

@@ -309,7 +309,7 @@ const WorkflowBaseInfoModal = ({ trigger }: { trigger?: React.ReactNode }) => {
     form: formInst,
     formPending,
     formProps,
-    ...formApi
+    submit: submitForm,
   } = useAntdForm<z.infer<typeof formSchema>>({
     initialValues: { name: workflow.name, description: workflow.description },
     onSubmit: async (values) => {
@@ -324,7 +324,7 @@ const WorkflowBaseInfoModal = ({ trigger }: { trigger?: React.ReactNode }) => {
   });
 
   const handleFormFinish = async () => {
-    return formApi.submit();
+    return submitForm();
   };
 
   return (

ui/src/pages/workflows/WorkflowNew.tsx

@@ -49,7 +49,7 @@ const WorkflowNew = () => {
     form: formInst,
     formPending,
     formProps,
-    ...formApi
+    submit: submitForm,
   } = useAntdForm<z.infer<typeof formSchema>>({
     onSubmit: async (values) => {
       try {
@@ -97,7 +97,7 @@ const WorkflowNew = () => {
   };
 
   const handleModalFormFinish = () => {
-    return formApi.submit();
+    return submitForm();
   };
 
   return (