fix: response headers count logic update (#1488)

This commit is contained in:
Rinku Chaudhari 2024-08-24 01:40:49 +05:45 committed by GitHub
parent 22fab7f599
commit c7f0335d96
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -97,6 +97,8 @@ const ResponsePane = ({ rightPaneWidth, item, collection }) => {
}); });
}; };
const responseHeadersCount = typeof response.headers === 'object' ? Object.entries(response.headers).length : 0;
return ( return (
<StyledWrapper className="flex flex-col h-full relative"> <StyledWrapper className="flex flex-col h-full relative">
<div className="flex flex-wrap items-center pl-3 pr-4 tabs" role="tablist"> <div className="flex flex-wrap items-center pl-3 pr-4 tabs" role="tablist">
@ -105,7 +107,7 @@ const ResponsePane = ({ rightPaneWidth, item, collection }) => {
</div> </div>
<div className={getTabClassname('headers')} role="tab" onClick={() => selectTab('headers')}> <div className={getTabClassname('headers')} role="tab" onClick={() => selectTab('headers')}>
Headers Headers
{response.headers?.length > 0 && <sup className="ml-1 font-medium">{response.headers.length}</sup>} {responseHeadersCount > 0 && <sup className="ml-1 font-medium">{responseHeadersCount}</sup>}
</div> </div>
<div className={getTabClassname('timeline')} role="tab" onClick={() => selectTab('timeline')}> <div className={getTabClassname('timeline')} role="tab" onClick={() => selectTab('timeline')}>
Timeline Timeline