feat: response status, time, size placeholders

This commit is contained in:
Anoop M D
2022-01-01 23:34:46 +05:30
parent cd31c80dae
commit 305fa14c7f
7 changed files with 67 additions and 0 deletions

View File

@@ -2,6 +2,9 @@ import React, { useState } from 'react';
import classnames from 'classnames';
import QueryResult from './QueryResult';
import ResponseHeaders from './ResponseHeaders';
import StatusCode from './StatusCode';
import ResponseTime from './ResponseTime';
import ResponseSize from './ResponseSize';
import StyledWrapper from './StyledWrapper';
const ResponsePane = ({rightPaneWidth, data, isLoading, headers}) => {
@@ -41,6 +44,11 @@ const ResponsePane = ({rightPaneWidth, data, isLoading, headers}) => {
<div className="flex items-center tabs mt-1" role="tablist">
<div className={getTabClassname('response')} role="tab" onClick={() => setSelectedTab('response')}>Response</div>
<div className={getTabClassname('headers')} role="tab" onClick={() => setSelectedTab('headers')}>Headers</div>
<div className="flex flex-grow justify-end items-center">
<StatusCode />
<ResponseTime />
<ResponseSize />
</div>
</div>
<section>
{getTabPanel(selectedTab)}