fix(create-clone-environment-modal): redirect after request (#436)

Qovery · Jan 2, 2023 · facc3bf · facc3bf
1 parent 2d00906
commit facc3bf
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/...src/lib/create-clone-environment-modal/feature/create-clone-environment-modal-feature.tsx b/...src/lib/create-clone-environment-modal/feature/create-clone-environment-modal-feature.tsx
@@ -7,9 +7,11 @@ import {
 import { useState } from 'react'
 import { FormProvider, useForm } from 'react-hook-form'
 import { useDispatch, useSelector } from 'react-redux'
+import { useNavigate } from 'react-router-dom'
 import { cloneEnvironment, createEnvironment } from '@qovery/domains/environment'
 import { selectClustersEntitiesByOrganizationId } from '@qovery/domains/organization'
 import { ClusterEntity, EnvironmentEntity } from '@qovery/shared/interfaces'
+import { SERVICES_GENERAL_URL, SERVICES_URL } from '@qovery/shared/router'
 import { useModal } from '@qovery/shared/ui'
 import { AppDispatch, RootState } from '@qovery/store'
 import CreateCloneEnvironmentModal from '../ui/create-clone-environment-modal'
@@ -43,6 +45,8 @@ export function CreateCloneEnvironmentModalFeature(props: CreateCloneEnvironment
 
   const dispatch = useDispatch<AppDispatch>()
 
+  const navigate = useNavigate()
+
   const onSubmit = methods.handleSubmit(async (data) => {
     const dataFormatted: { name: string; cluster?: string; mode?: string } = {
       name: data.name,
@@ -63,7 +67,8 @@ export function CreateCloneEnvironmentModalFeature(props: CreateCloneEnvironment
       }
       dispatch(cloneEnvironment({ environmentId: props.environmentToClone.id, cloneRequest }))
         .unwrap()
-        .then(() => {
+        .then((result) => {
+          navigate(SERVICES_URL(props.organizationId, props.projectId, result.id) + SERVICES_GENERAL_URL)
           setLoading(false)
           props.onClose()
         })
@@ -79,7 +84,8 @@ export function CreateCloneEnvironmentModalFeature(props: CreateCloneEnvironment
       }
       dispatch(createEnvironment({ projectId: props.projectId, environmentRequest }))
         .unwrap()
-        .then(() => {
+        .then((result) => {
+          navigate(SERVICES_URL(props.organizationId, props.projectId, result.id) + SERVICES_GENERAL_URL)
           setLoading(false)
           props.onClose()
         })