feat(create-modal): add value after creation input select value

libs/domains/organizations/feature/src/lib/container-registry-create-edit-modal/container-registry-create-edit-modal.tsx

@@ -19,6 +19,7 @@ export interface ContainerRegistryCreateEditModalProps {
   organizationId: string
   isEdit?: boolean
   registry?: ContainerRegistryResponse
+  onChange?: (e: string | string[]) => void
 }
 
 export const getOptionsContainerRegistry = (containerRegistry: AvailableContainerRegistryResponse[]) =>
@@ -41,6 +42,7 @@ export function ContainerRegistryCreateEditModal({
   registry,
   organizationId,
   onClose,
+  onChange,
 }: ContainerRegistryCreateEditModalProps) {
   const methods = useForm<ContainerRegistryRequest>({
     mode: 'onChange',
@@ -80,10 +82,12 @@ export function ContainerRegistryCreateEditModal({
         })
         onClose()
       } else {
-        await createContainerRegistry({
+        const response = await createContainerRegistry({
           organizationId: organizationId,
           containerRegistryRequest,
         })
+        // Update input select value with the new container registry id
+        onChange && onChange(response.id)
         onClose()
       }
     } catch (error) {

libs/domains/organizations/feature/src/lib/git-provider-setting/git-provider-setting.tsx

@@ -1,5 +1,5 @@
 import { type GitAuthProvider, type GitTokenResponse } from 'qovery-typescript-axios'
-import { Controller, useFormContext } from 'react-hook-form'
+import { Controller, type ControllerRenderProps, type FieldValues, useFormContext } from 'react-hook-form'
 import { useParams } from 'react-router-dom'
 import { Icon, InputSelect, useModal } from '@qovery/shared/ui'
 import { upperCaseFirstLetter } from '@qovery/shared/util-js'
@@ -49,6 +49,13 @@ export function GitProviderSetting({ disabled }: GitProviderSettingProps) {
       ]
     : mergeProviders(authProviders, gitTokens)
 
+  const onChange = (field: ControllerRenderProps<FieldValues, 'provider'>, event: string | string[]) => {
+    field.onChange(event)
+    // Reset children fields
+    setValue('repository', undefined)
+    setValue('branch', undefined)
+  }
+
   return (
     <Controller
       name="provider"
@@ -60,18 +67,19 @@ export function GitProviderSetting({ disabled }: GitProviderSettingProps) {
         <InputSelect
           label="Git repository"
           options={providerOptions}
-          onChange={(event) => {
-            field.onChange(event)
-            // Reset children fields
-            setValue('repository', undefined)
-            setValue('branch', undefined)
-          }}
+          onChange={(event) => onChange(field, event)}
           menuListButton={{
             title: 'Select repository',
             label: 'New git access',
             onClick: () => {
               openModal({
-                content: <GitTokenCreateEditModal organizationId={organizationId} onClose={closeModal} />,
+                content: (
+                  <GitTokenCreateEditModal
+                    organizationId={organizationId}
+                    onClose={closeModal}
+                    onChange={(event) => onChange(field, event)}
+                  />
+                ),
               })
             },
           }}

libs/domains/organizations/feature/src/lib/git-token-create-edit-modal/git-token-create-edit-modal.tsx

@@ -10,9 +10,16 @@ export interface GitTokenCreateEditModalProps {
   organizationId: string
   isEdit?: boolean
   gitToken?: GitTokenResponse
+  onChange?: (e: string | string[]) => void
 }
 
-export function GitTokenCreateEditModal({ isEdit, gitToken, organizationId, onClose }: GitTokenCreateEditModalProps) {
+export function GitTokenCreateEditModal({
+  isEdit,
+  gitToken,
+  organizationId,
+  onClose,
+  onChange,
+}: GitTokenCreateEditModalProps) {
   const methods = useForm({
     mode: 'onChange',
     defaultValues: {
@@ -37,10 +44,12 @@ export function GitTokenCreateEditModal({ isEdit, gitToken, organizationId, onCl
           gitTokenRequest: data,
         })
       } else {
-        await createGitToken({
+        const response = await createGitToken({
           organizationId,
           gitTokenRequest: data,
         })
+        // Update input select value with the new git token id
+        onChange && onChange(response.id)
       }
       onClose()
     } catch (error) {

libs/domains/organizations/feature/src/lib/helm-repository-create-edit-modal/helm-repository-create-edit-modal.tsx

@@ -9,6 +9,7 @@ import { useEditHelmRepository } from '../hooks/use-edit-helm-repository/use-edi
 export interface HelmRepositoryCreateEditModalProps {
   onClose: () => void
   organizationId: string
+  onChange?: (e: string | string[]) => void
   isEdit?: boolean
   repository?: HelmRepositoryResponse
 }
@@ -18,6 +19,7 @@ export function HelmRepositoryCreateEditModal({
   repository,
   organizationId,
   onClose,
+  onChange,
 }: HelmRepositoryCreateEditModalProps) {
   const { data: availableHelmRepositories = [] } = useAvailableHelmRepositories()
   const { mutateAsync: editHelmRepository, isLoading: isEditHelmRepositoryLoading } = useEditHelmRepository()
@@ -55,10 +57,12 @@ export function HelmRepositoryCreateEditModal({
           helmRepositoryRequest,
         })
       } else {
-        await createHelmRepository({
+        const response = await createHelmRepository({
           organizationId: organizationId,
           helmRepositoryRequest,
         })
+        // Update input select value with the new repository id
+        onChange && onChange(response.id)
       }
       onClose()
     } catch (error) {

libs/domains/service-helm/feature/src/lib/source-setting/source-setting.tsx

@@ -79,7 +79,11 @@ export function SourceSetting({ disabled = false }: { disabled?: boolean }) {
                       onClick: () => {
                         openModal({
                           content: (
-                            <HelmRepositoryCreateEditModal organizationId={organizationId} onClose={closeModal} />
+                            <HelmRepositoryCreateEditModal
+                              organizationId={organizationId}
+                              onClose={closeModal}
+                              onChange={field.onChange}
+                            />
                           ),
                         })
                       },

libs/shared/console-shared/src/lib/cluster-settings/feature/cluster-credentials-settings-feature/cluster-credentials-settings-feature.tsx

@@ -17,14 +17,15 @@ export function ClusterCredentialsSettingsFeature({ cloudProvider }: ClusterCred
     cloudProvider,
   })
 
-  const openCredentialsModal = (id?: string) => {
+  const openCredentialsModal = (id?: string, onChange?: (e: string | string[]) => void) => {
     openModal({
       content: (
         <CreateEditCredentialsModalFeature
           currentCredential={credentials.find((currentCredentials: ClusterCredentials) => currentCredentials.id === id)}
           cloudProvider={cloudProvider!}
           onClose={closeModal}
           organizationId={organizationId}
+          onChange={onChange}
         />
       ),
     })

libs/shared/console-shared/src/lib/cluster-settings/feature/create-edit-credentials-modal-feature/create-edit-credentials-modal-feature.tsx

@@ -15,6 +15,7 @@ export interface CreateEditCredentialsModalFeatureProps {
   cloudProvider: CloudProviderEnum
   organizationId: string
   currentCredential?: ClusterCredentials
+  onChange?: (e: string | string[]) => void
 }
 
 export const handleSubmit = (data: FieldValues, cloudProvider: CloudProviderEnum) => {
@@ -52,7 +53,7 @@ export const handleSubmit = (data: FieldValues, cloudProvider: CloudProviderEnum
 }
 
 export function CreateEditCredentialsModalFeature(props: CreateEditCredentialsModalFeatureProps) {
-  const { cloudProvider, onClose, currentCredential, organizationId } = props
+  const { cloudProvider, onClose, currentCredential, organizationId, onChange } = props
   const [loading, setLoading] = useState(false)
 
   const { enableAlertClickOutside } = useModal()
@@ -84,10 +85,12 @@ export function CreateEditCredentialsModalFeature(props: CreateEditCredentialsMo
         })
         onClose()
       } else {
-        await createCloudProviderCredential({
+        const response = await createCloudProviderCredential({
           organizationId,
           ...credentials,
         })
+        // Update input select value with the new credential id
+        onChange && onChange(response.id)
         onClose()
       }
     } catch (error) {

libs/shared/console-shared/src/lib/cluster-settings/ui/cluster-credentials-settings/cluster-credentials-settings.tsx

@@ -4,7 +4,7 @@ import { Icon, InputSelect, LoaderSpinner } from '@qovery/shared/ui'
 
 export interface ClusterCredentialsSettingsProps {
   credentials?: ClusterCredentials[]
-  openCredentialsModal: (id?: string) => void
+  openCredentialsModal: (id?: string, onChange?: (e: string | string[]) => void) => void
   loading: boolean
 }
 
@@ -45,7 +45,7 @@ export function ClusterCredentialsSettings(props: ClusterCredentialsSettingsProp
                 title: 'Select credential',
                 label: 'New credential',
                 icon: <Icon iconName="circle-plus" className="text-brand-500" />,
-                onClick: () => openCredentialsModal(),
+                onClick: () => openCredentialsModal(undefined, field.onChange),
               }}
             />
           )}

libs/shared/console-shared/src/lib/general-container-settings/ui/general-container-settings.tsx

@@ -46,7 +46,11 @@ export function GeneralContainerSettings({ organization, className }: GeneralCon
                 onClick: () => {
                   openModal({
                     content: organization && (
-                      <ContainerRegistryCreateEditModal organizationId={organization.id} onClose={closeModal} />
+                      <ContainerRegistryCreateEditModal
+                        organizationId={organization.id}
+                        onClose={closeModal}
+                        onChange={field.onChange}
+                      />
                     ),
                   })
                 },