diff --git a/packages/bruno-app/src/components/RequestPane/HttpRequestPane/index.js b/packages/bruno-app/src/components/RequestPane/HttpRequestPane/index.js index 3c9e8d654..51dd0d510 100644 --- a/packages/bruno-app/src/components/RequestPane/HttpRequestPane/index.js +++ b/packages/bruno-app/src/components/RequestPane/HttpRequestPane/index.js @@ -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 ( - -
- -
+
selectTab('params')}>Params
selectTab('body')}>Body
diff --git a/packages/bruno-app/src/components/RequestTabPanel/index.js b/packages/bruno-app/src/components/RequestTabPanel/index.js index 338bbbf53..aebaa4447 100644 --- a/packages/bruno-app/src/components/RequestTabPanel/index.js +++ b/packages/bruno-app/src/components/RequestTabPanel/index.js @@ -7,7 +7,9 @@ import ResponsePane from 'components/ResponsePane'; import Welcome from 'components/Welcome'; import { findItemInCollection } from 'utils/collections'; import { updateRequestPaneTabWidth } from 'providers/ReduxStore/slices/tabs'; +import { sendRequest } from 'providers/ReduxStore/slices/collections/actions'; import RequestNotFound from './RequestNotFound'; +import QueryUrl from 'components/RequestPane/QueryUrl'; import useGraphqlSchema from '../../hooks/useGraphqlSchema'; import StyledWrapper from './StyledWrapper'; @@ -101,13 +103,21 @@ const RequestTabPanel = () => { ); }; + const handleRun = async () => dispatch(sendRequest(item, collection.uid)); const onGraphqlQueryChange = (value) => {}; const runQuery = async () => {}; return ( -
-
+
+ +
+
+
{
-
+
{ json: si.request.body.json, text: si.request.body.text, xml: si.request.body.xml, - multipartForm: si.request.body.multipartForm, formUrlEncoded: copyFormUrlEncodedParams(si.request.body.formUrlEncoded), multipartForm: copyMultipartFormParams(si.request.body.multipartForm) }