@@ -11,6 +11,7 @@ import React, {
1111import { useParams } from "react-router-dom" ;
1212import { getEnvironmentById , updateEnvironment } from "../services/environments.service" ;
1313import { Environment } from "../types/environment.types" ;
14+ import { useEnvironmentContext } from './EnvironmentContext' ;
1415
1516interface SingleEnvironmentContextState {
1617// Environment data
@@ -52,6 +53,9 @@ import React, {
5253const { envId} = useParams < { envId :string } > ( ) ;
5354const environmentId = propEnvironmentId || envId ;
5455
56+ // Access the environments context to refresh the list
57+ const { refreshEnvironments} = useEnvironmentContext ( ) ;
58+
5559// State for environment data
5660const [ environment , setEnvironment ] = useState < Environment | null > ( null ) ;
5761
@@ -98,16 +102,19 @@ import React, {
98102// Show success message
99103message . success ( "Environment updated successfully" ) ;
100104
101- // Update local state
102- setEnvironment ( updatedEnv ) ;
105+ // Refresh both the single environment and environments list
106+ await Promise . all ( [
107+ fetchEnvironment ( ) , // Refresh the current environment
108+ refreshEnvironments ( ) // Refresh the environments list
109+ ] ) ;
103110
104111return updatedEnv ;
105112} catch ( err ) {
106113const errorMessage = err instanceof Error ?err . message :"Failed to update environment" ;
107114message . error ( errorMessage ) ;
108115throw err ;
109116}
110- } , [ environment , environmentId ] ) ;
117+ } , [ environment , environmentId , fetchEnvironment , refreshEnvironments ] ) ;
111118
112119// Load environment data when the component mounts or environmentId changes
113120useEffect ( ( ) => {