mirror of
https://github.com/usebruno/bruno.git
synced 2025-06-21 12:33:34 +02:00
Merge pull request #466 from therealrinku/one
feat: added active query, headers, vars and asserts count
This commit is contained in:
commit
eed952d43f
@ -14,6 +14,7 @@ import Assertions from 'components/RequestPane/Assertions';
|
|||||||
import Script from 'components/RequestPane/Script';
|
import Script from 'components/RequestPane/Script';
|
||||||
import Tests from 'components/RequestPane/Tests';
|
import Tests from 'components/RequestPane/Tests';
|
||||||
import StyledWrapper from './StyledWrapper';
|
import StyledWrapper from './StyledWrapper';
|
||||||
|
import { get } from 'lodash';
|
||||||
import Documentation from 'components/Documentation/index';
|
import Documentation from 'components/Documentation/index';
|
||||||
|
|
||||||
const HttpRequestPane = ({ item, collection, leftPaneWidth }) => {
|
const HttpRequestPane = ({ item, collection, leftPaneWidth }) => {
|
||||||
@ -80,29 +81,47 @@ const HttpRequestPane = ({ item, collection, leftPaneWidth }) => {
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// get the length of active params, headers, asserts and vars
|
||||||
|
const params = item.draft ? get(item, 'draft.request.params') : get(item, 'request.params');
|
||||||
|
const headers = item.draft ? get(item, 'draft.request.headers') : get(item, 'request.headers');
|
||||||
|
const assertions = item.draft ? get(item, 'draft.request.assertions') : get(item, 'request.assertions');
|
||||||
|
const requestVars = item.draft ? get(item, 'draft.request.vars.req') : get(item, 'request.vars.req');
|
||||||
|
const responseVars = item.draft ? get(item, 'draft.request.vars.res') : get(item, 'request.vars.res');
|
||||||
|
|
||||||
|
const activeParamsLength = params.filter((param) => param.enabled).length;
|
||||||
|
const activeHeadersLength = headers.filter((header) => header.enabled).length;
|
||||||
|
const activeAssertionsLength = assertions.filter((assertion) => assertion.enabled).length;
|
||||||
|
const activeVarsLength =
|
||||||
|
requestVars.filter((request) => request.enabled).length +
|
||||||
|
responseVars.filter((response) => response.enabled).length;
|
||||||
|
|
||||||
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 tabs" role="tablist">
|
<div className="flex flex-wrap items-center tabs" role="tablist">
|
||||||
<div className={getTabClassname('params')} role="tab" onClick={() => selectTab('params')}>
|
<div className={getTabClassname('params')} role="tab" onClick={() => selectTab('params')}>
|
||||||
Query
|
Query
|
||||||
|
{activeParamsLength > 0 && <sup className="ml-1 font-medium">{activeParamsLength}</sup>}
|
||||||
</div>
|
</div>
|
||||||
<div className={getTabClassname('body')} role="tab" onClick={() => selectTab('body')}>
|
<div className={getTabClassname('body')} role="tab" onClick={() => selectTab('body')}>
|
||||||
Body
|
Body
|
||||||
</div>
|
</div>
|
||||||
<div className={getTabClassname('headers')} role="tab" onClick={() => selectTab('headers')}>
|
<div className={getTabClassname('headers')} role="tab" onClick={() => selectTab('headers')}>
|
||||||
Headers
|
Headers
|
||||||
|
{activeHeadersLength > 0 && <sup className="ml-1 font-medium">{activeHeadersLength}</sup>}
|
||||||
</div>
|
</div>
|
||||||
<div className={getTabClassname('auth')} role="tab" onClick={() => selectTab('auth')}>
|
<div className={getTabClassname('auth')} role="tab" onClick={() => selectTab('auth')}>
|
||||||
Auth
|
Auth
|
||||||
</div>
|
</div>
|
||||||
<div className={getTabClassname('vars')} role="tab" onClick={() => selectTab('vars')}>
|
<div className={getTabClassname('vars')} role="tab" onClick={() => selectTab('vars')}>
|
||||||
Vars
|
Vars
|
||||||
|
{activeVarsLength > 0 && <sup className="ml-1 font-medium">{activeVarsLength}</sup>}
|
||||||
</div>
|
</div>
|
||||||
<div className={getTabClassname('script')} role="tab" onClick={() => selectTab('script')}>
|
<div className={getTabClassname('script')} role="tab" onClick={() => selectTab('script')}>
|
||||||
Script
|
Script
|
||||||
</div>
|
</div>
|
||||||
<div className={getTabClassname('assert')} role="tab" onClick={() => selectTab('assert')}>
|
<div className={getTabClassname('assert')} role="tab" onClick={() => selectTab('assert')}>
|
||||||
Assert
|
Assert
|
||||||
|
{activeAssertionsLength > 0 && <sup className="ml-1 font-medium">{activeAssertionsLength}</sup>}
|
||||||
</div>
|
</div>
|
||||||
<div className={getTabClassname('tests')} role="tab" onClick={() => selectTab('tests')}>
|
<div className={getTabClassname('tests')} role="tab" onClick={() => selectTab('tests')}>
|
||||||
Tests
|
Tests
|
||||||
|
Loading…
x
Reference in New Issue
Block a user