extern/bruno
1
0
Fork 1
mirror of https://github.com/usebruno/bruno.git synced 2025-06-21 12:33:34 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #466 from therealrinku/one

Browse Source 
feat: added active query, headers, vars and asserts count
This commit is contained in:
Anoop M D 2023-10-13 07:04:07 +05:30 committed by GitHub
commit eed952d43f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/bruno-app/src/components/RequestPane/HttpRequestPane/index.js
View File

@ -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