mirror/insomnia
1
0
Fork 0
mirror of https://github.com/Kong/insomnia.git synced 2026-05-07 14:33:20 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix: persist environment tab data when switching between tabs (#9138)

Browse Source 
* fix: persist environment tab data when switching between tabs

Signed-off-by: “niladrix719” <niladrix719@gmail.com>

* Update packages/insomnia/src/routes/organization.$organizationId.project.$projectId.workspace.$workspaceId.environment.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* fix: use memo wrap dependence

---------

Signed-off-by: “niladrix719” <niladrix719@gmail.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Curry Yang <163384738+CurryYangxx@users.noreply.github.com>
Co-authored-by: Curry Yang <1019yanglu@gmail.com>
This commit is contained in:
Niladri Adhikary
2026-01-15 19:52:45 +05:30
committed by GitHub
parent 085c4af3a5
commit f69b512082
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/insomnia/src/routes/organization.$organizationId.project.$projectId.workspace.$workspaceId.environment.tsx
View File

@@ -1,5 +1,5 @@
import type { IconName, IconProp } from '@fortawesome/fontawesome-svg-core';
import React, { Fragment, useEffect, useRef, useState } from 'react';
import React, { Fragment, useEffect, useMemo, useRef, useState } from 'react';
import {
Breadcrumb,
Breadcrumbs,
@@ -88,7 +88,16 @@ const Component = ({ loaderData, params }: Route.ComponentProps) => {
const isUsingInsomniaCloudSync = Boolean(isRemoteProject(activeProject) && !activeWorkspaceMeta?.gitRepositoryId);
const isUsingGitSync = Boolean(features.gitSync.enabled && activeWorkspaceMeta?.gitRepositoryId);
const allEnvironment = [baseEnvironment, ...subEnvironments];
const allEnvironment = useMemo(() => {
return [baseEnvironment, ...subEnvironments];
}, [baseEnvironment, subEnvironments]);
// Keep selectedEnvironmentId in sync when navigating between different environment workspaces/tabs.
useEffect(() => {
if (!allEnvironment.find(env => env._id === selectedEnvironmentId)) {
setSelectedEnvironmentId(activeEnvironment._id);
}
}, [selectedEnvironmentId, activeEnvironment._id, allEnvironment]);
const selectedEnvironment = allEnvironment.find(env => env._id === selectedEnvironmentId);
// Do not allowed to switch to json environment if contains secret item
const allowSwitchEnvironment = !selectedEnvironment?.kvPairData?.some(