starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-23 09:08:32 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Prevent bg flash on context menu in sidebar

Browse Source
This commit is contained in:
Gregory Schier
2024-10-23 10:07:31 -07:00
parent 7759649963
commit f4240e5229
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src-web/components/Sidebar.tsx
View File

@@ -704,9 +704,15 @@ function SidebarItem({
const handleSubmitNameEdit = useCallback( const handleSubmitNameEdit = useCallback(
async (el: HTMLInputElement) => { async (el: HTMLInputElement) => {
if (itemModel === 'http_request') { if (itemModel === 'http_request') {
await updateHttpRequest.mutateAsync({ id: itemId, update: (r) => ({ ...r, name: el.value }) }); await updateHttpRequest.mutateAsync({
id: itemId,
update: (r) => ({ ...r, name: el.value }),
});
} else if (itemModel === 'grpc_request') { } else if (itemModel === 'grpc_request') {
await updateGrpcRequest.mutateAsync({ id: itemId, update: (r) => ({ ...r, name: el.value }) }); await updateGrpcRequest.mutateAsync({
id: itemId,
update: (r) => ({ ...r, name: el.value }),
});
} }
setEditing(false); setEditing(false);
}, },
@@ -903,8 +909,9 @@ function SidebarItem({
className={classNames( className={classNames(
'w-full flex gap-1.5 items-center h-xs px-1.5 rounded-md focus-visible:ring focus-visible:ring-border-focus outline-0', 'w-full flex gap-1.5 items-center h-xs px-1.5 rounded-md focus-visible:ring focus-visible:ring-border-focus outline-0',
editing && 'ring-1 focus-within:ring-focus', editing && 'ring-1 focus-within:ring-focus',
isActive && 'bg-surface-highlight text', isActive && 'bg-surface-highlight text-text',
!isActive && 'text-text-subtle group-hover/item:text-text active:bg-surface-highlight', !isActive && 'text-text-subtle group-hover/item:text-text',
showContextMenu && '!text-text', // Show as "active" when context menu is open
selected && useProminentStyles && '!bg-surface-active', selected && useProminentStyles && '!bg-surface-active',
)} )}
> >