starred/yaak
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-01-18 15:06:58 +01:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Tweak response history

Browse Source
This commit is contained in:
Gregory Schier
2023-04-09 23:15:51 -07:00
parent 6bc1f9f494
commit b28dc01e6b
2 changed files with 22 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src-web/components/ResponsePane.tsx
View File

@@ -111,11 +111,21 @@ export const ResponsePane = memo(function ResponsePane({ style, className }: Pro
{activeResponse && (
<HStack alignItems="center" className="w-full">
<div className="whitespace-nowrap px-3">
<StatusTag showReason response={activeResponse} />
{activeResponse.elapsed > 0 && <>&nbsp;&bull;&nbsp;{activeResponse.elapsed}ms</>}
{activeResponse.body.length > 0 && (
<>&nbsp;&bull;&nbsp;{(activeResponse.body.length / 1000).toFixed(1)} KB</>
)}
<HStack space={2}>
<StatusTag showReason response={activeResponse} />
{activeResponse.elapsed > 0 && (
<>
<span>&bull;</span>
<span>{activeResponse.elapsed}ms</span>
</>
)}
{activeResponse.body.length > 0 && (
<>
<span>&bull;</span>
<span>{(activeResponse.body.length / 1000).toFixed(1)} KB</span>
</>
)}
</HStack>
</div>
<Dropdown
@@ -133,7 +143,12 @@ export const ResponsePane = memo(function ResponsePane({ style, className }: Pro
},
{ type: 'separator', label: 'History' },
...responses.slice(0, 10).map((r) => ({
label: r.status + ' - ' + r.elapsed + ' ms',
label: (
<HStack space={2}>
<StatusTag className="text-xs" response={r} />
<span>&bull;</span> <span>{r.elapsed}ms</span>
</HStack>
),
leftSlot: activeResponse?.id === r.id ? <Icon icon="check" /> : <></>,
onSelect: () => setPinnedResponseId(r.id),
})),

2
src-web/components/core/Dropdown.tsx
View File

@@ -26,7 +26,7 @@ export type DropdownItemSeparator = {
export type DropdownItem =
| {
type?: 'default';
label: string;
label: ReactNode;
variant?: 'danger';
disabled?: boolean;
hidden?: boolean;