mirror/insomnia
1
0
Fork 0
mirror of https://github.com/Kong/insomnia.git synced 2026-08-04 11:52:33 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix: tooltip and icon for env picker (#9905)

Browse Source
This commit is contained in:
xdm
2026-05-07 17:45:14 +08:00
committed by GitHub
parent 41a0f0caff
commit f0a45d231f
1 changed files with 10 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
packages/insomnia/src/ui/components/environment-picker.tsx
View File

@@ -17,6 +17,7 @@ import { useNavigate, useParams } from 'react-router';
import { models } from '~/insomnia-data';
import { useSetActiveEnvironmentFetcher } from '~/routes/organization.$organizationId.project.$projectId.workspace.$workspaceId.environment.set-active';
import { useEnvironmentSetActiveGlobalActionFetcher } from '~/routes/organization.$organizationId.project.$projectId.workspace.$workspaceId.environment.set-active-global';
import { Tooltip } from '~/ui/components/tooltip';
import { fuzzyMatch } from '../../common/misc';
import { useWorkspaceLoaderData } from '../../routes/organization.$organizationId.project.$projectId.workspace.$workspaceId';
@@ -111,28 +112,24 @@ export const EnvironmentPicker = ({
style={{ color: activeGlobalEnvironment.color || '' }}
className="w-5 shrink-0"
/>
<span className="truncate">{activeGlobalEnvironment.name}</span>
<Tooltip position="top" message="active global environment">
<span className="truncate">{activeGlobalEnvironment.name}</span>
</Tooltip>
<Icon icon="plus" className="w-3 shrink-0 text-(--hl)" />
</div>
</div>
)}
<div className="flex w-full flex-1 items-center gap-2">
<Icon
icon={
activeEnvironment.isPrivate
? 'lock'
: isUsingGitSync
? ['fab', 'git-alt']
: isUsingInsomniaCloudSync
? 'globe-americas'
: 'file-arrow-down'
}
icon={activeEnvironment.isPrivate ? 'lock' : 'code'}
style={{ color: activeEnvironment.color || '' }}
className="w-5 shrink-0"
/>
<span className="truncate">
{activeSubEnvironment ? activeSubEnvironment.name : activeBaseEnvironment.name}
</span>
<Tooltip position="top" message="active collection environment">
<span className="truncate">
{activeSubEnvironment ? activeSubEnvironment.name : activeBaseEnvironment.name}
</span>
</Tooltip>
</div>
</Button>
<Popover className="z-10! flex max-h-[90vh] min-w-max flex-col" placement="bottom start" offset={8}>