diff --git a/packages/bruno-app/src/components/Environments/EnvironmentSelector/index.js b/packages/bruno-app/src/components/Environments/EnvironmentSelector/index.js index 7bd3bc695..462a9b318 100644 --- a/packages/bruno-app/src/components/Environments/EnvironmentSelector/index.js +++ b/packages/bruno-app/src/components/Environments/EnvironmentSelector/index.js @@ -2,7 +2,7 @@ import React, { useRef, forwardRef, useState } from 'react'; import find from 'lodash/find'; import Dropdown from 'components/Dropdown'; import { selectEnvironment } from 'providers/ReduxStore/slices/collections/actions'; -import { IconSettings, IconCaretDown, IconDatabase } from '@tabler/icons'; +import { IconSettings, IconCaretDown, IconDatabase, IconDatabaseOff } from '@tabler/icons'; import EnvironmentSettings from '../EnvironmentSettings'; import toast from 'react-hot-toast'; import { useDispatch } from 'react-redux'; @@ -63,7 +63,8 @@ const EnvironmentSelector = ({ collection }) => { onSelect(null); }} > - No Environment + + No Environment
setOpenSettingsModal(true)}>
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 4daff582c..626bda1b8 100644 --- a/packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/index.js +++ b/packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/index.js @@ -1,4 +1,5 @@ import React, { useEffect, useState, forwardRef, useRef } from 'react'; +import { findEnvironmentInCollection } from 'utils/collections'; import EnvironmentDetails from './EnvironmentDetails'; import CreateEnvironment from '../CreateEnvironment/index'; import StyledWrapper from './StyledWrapper'; @@ -9,8 +10,13 @@ const EnvironmentList = ({ collection }) => { const [openCreateModal, setOpenCreateModal] = useState(false); useEffect(() => { - setSelectedEnvironment(environments && environments.length ? environments[0] : null); - }, [environments]); + const environment = findEnvironmentInCollection(collection, collection.activeEnvironmentUid); + if(environment) { + setSelectedEnvironment(environment); + } else { + setSelectedEnvironment(environments && environments.length ? environments[0] : null); + } + }, [collection, environments]); if (!selectedEnvironment) { return null;