feat: url bar now occupies full width of the panel

This commit is contained in:
Anoop M D
2022-10-15 00:35:00 +05:30
parent e46e3d5b22
commit 013f9f9e3d
4 changed files with 16 additions and 17 deletions

View File

@@ -7,8 +7,6 @@ import QueryParams from 'components/RequestPane/QueryParams';
import RequestHeaders from 'components/RequestPane/RequestHeaders';
import RequestBody from 'components/RequestPane/RequestBody';
import RequestBodyMode from 'components/RequestPane/RequestBody/RequestBodyMode';
import QueryUrl from 'components/RequestPane/QueryUrl';
import { sendRequest } from 'providers/ReduxStore/slices/collections/actions';
import StyledWrapper from './StyledWrapper';
const HttpRequestPane = ({item, collection, leftPaneWidth}) => {
@@ -16,8 +14,6 @@ const HttpRequestPane = ({item, collection, leftPaneWidth}) => {
const tabs = useSelector((state) => state.tabs.tabs);
const activeTabUid = useSelector((state) => state.tabs.activeTabUid);
const handleRun = async () => dispatch(sendRequest(item, collection.uid));
const selectTab = (tab) => {
dispatch(updateRequestPaneTab({
uid: item.uid,
@@ -62,14 +58,7 @@ const HttpRequestPane = ({item, collection, leftPaneWidth}) => {
};
return (
<StyledWrapper className="flex flex-col h-full relativ">
<div className="pt-2 pb-3">
<QueryUrl
item = {item}
collection={collection}
handleRun={handleRun}
/>
</div>
<StyledWrapper className="flex flex-col h-full relative">
<div className="flex items-center tabs" role="tablist">
<div className={getTabClassname('params')} role="tab" onClick={() => selectTab('params')}>Params</div>
<div className={getTabClassname('body')} role="tab" onClick={() => selectTab('body')}>Body</div>