+
{openEditModal && (
setOpenEditModal(false)} environment={environment} collection={collection} />
)}
@@ -27,7 +36,7 @@ const EnvironmentDetails = ({ environment, collection }) => {
)}
-
+
{environment.name}
@@ -37,9 +46,8 @@ const EnvironmentDetails = ({ environment, collection }) => {
-
-
-
+
+
);
};
diff --git a/packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/index.js b/packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/index.js
index 9886b54bb4..a6059e4744 100644
--- a/packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/index.js
+++ b/packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/index.js
@@ -8,7 +8,7 @@ import ImportEnvironment from '../ImportEnvironment';
import ManageSecrets from '../ManageSecrets';
import StyledWrapper from './StyledWrapper';
-const EnvironmentList = ({ collection }) => {
+const EnvironmentList = ({ collection, setEnvironments }) => {
const { environments } = collection;
const [selectedEnvironment, setSelectedEnvironment] = useState(null);
const [openCreateModal, setOpenCreateModal] = useState(false);
@@ -18,6 +18,13 @@ const EnvironmentList = ({ collection }) => {
const envUids = environments ? environments.map((env) => env.uid) : [];
const prevEnvUids = usePrevious(envUids);
+ const onColorChange = (environment, color) => {
+ const updatedEnvironments = environments.map((e) => (e.uid === environment.uid ? { ...e, color: color } : e));
+ console.log('onColorChange', updatedEnvironments);
+ setSelectedEnvironment({ ...selectedEnvironment, color: color });
+ setEnvironments(updatedEnvironments);
+ };
+
useEffect(() => {
if (selectedEnvironment) {
return;
@@ -85,7 +92,11 @@ const EnvironmentList = ({ collection }) => {