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

feat: run request upon cmd+enter from response pane

Browse Source
This commit is contained in:
Anoop M D 2023-01-20 07:16:57 +05:30
parent 6b43159be2
commit 695f42df80
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/bruno-app/src/components/ResponsePane/QueryResult/index.js
View File

@ -1,17 +1,23 @@
import React from 'react'; import React from 'react';
import CodeEditor from 'components/CodeEditor'; import CodeEditor from 'components/CodeEditor';
import { useTheme } from 'providers/Theme'; import { useTheme } from 'providers/Theme';
import { useDispatch } from 'react-redux';
import { sendRequest } from 'providers/ReduxStore/slices/collections/actions';
import StyledWrapper from './StyledWrapper'; import StyledWrapper from './StyledWrapper';
const QueryResult = ({ value, width }) => { const QueryResult = ({ item, collection, value, width }) => {
const { const {
storedTheme storedTheme
} = useTheme(); } = useTheme();
const dispatch = useDispatch();
const onRun = () => dispatch(sendRequest(item, collection.uid));
return ( return (
<StyledWrapper className="px-3 w-full" style={{ maxWidth: width }}> <StyledWrapper className="px-3 w-full" style={{ maxWidth: width }}>
<div className="h-full"> <div className="h-full">
<CodeEditor theme={storedTheme} value={value || ''} readOnly /> <CodeEditor theme={storedTheme} onRun={onRun} value={value || ''} readOnly />
</div> </div>
</StyledWrapper> </StyledWrapper>
); );

7
packages/bruno-app/src/components/ResponsePane/index.js
View File

@ -33,7 +33,12 @@ const ResponsePane = ({ rightPaneWidth, item, collection }) => {
const getTabPanel = (tab) => { const getTabPanel = (tab) => {
switch (tab) { switch (tab) {
case 'response': { case 'response': {
return <QueryResult width={rightPaneWidth} value={response.data ? JSON.stringify(response.data, null, 2) : ''} />; return <QueryResult
item={item}
collection={collection}
width={rightPaneWidth}
value={response.data ? JSON.stringify(response.data, null, 2) : ''
} />;
} }
case 'headers': { case 'headers': {
return <ResponseHeaders headers={response.headers} />; return <ResponseHeaders headers={response.headers} />;