mirrors/insomnia
1
0
Fork 0
mirror of https://github.com/Kong/insomnia synced 2024-11-07 22:30:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

adds hotkey support to graphql editor for prettifying (#4222)

Browse Source
This commit is contained in:
Dimitri Mitropoulos 2021-11-17 19:26:26 -08:00 committed by GitHub
parent 2297fcb7d9
commit 962b71d1c1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/insomnia-app/app/ui/components/editors/body/graph-ql-editor.tsx
View File

@ -18,6 +18,8 @@ import { SetRequired } from 'type-fest';
import { AUTOBIND_CFG, CONTENT_TYPE_JSON, DEBOUNCE_MILLIS } from '../../../../common/constants';
import { database as db } from '../../../../common/database';
import { hotKeyRefs } from '../../../../common/hotkeys';
import { executeHotKey } from '../../../../common/hotkeys-listener';
import { markdownToHTML } from '../../../../common/markdown-to-html';
import { jsonParseOr } from '../../../../common/misc';
import { HandleGetRenderContext, HandleRender } from '../../../../common/render';
@ -36,6 +38,7 @@ import { CodeEditor } from '../../codemirror/code-editor';
import { GraphQLExplorer } from '../../graph-ql-explorer/graph-ql-explorer';
import { ActiveReference } from '../../graph-ql-explorer/graph-ql-types';
import { HelpTooltip } from '../../help-tooltip';
import { KeydownBinder } from '../../keydown-binder';
import { showModal } from '../../modals';
import { ResponseDebugModal } from '../../modals/response-debug-modal';
import { TimeFromNow } from '../../time-from-now';
@ -192,6 +195,10 @@ export class GraphQLEditor extends PureComponent<Props, State> {
});
}
_handleKeyDown(event: KeyboardEvent) {
executeHotKey(event, hotKeyRefs.BEAUTIFY_REQUEST_BODY, this._handlePrettify);
}
_handleClickReference(reference: Maybe<ActiveReference>, event: MouseEvent) {
event.preventDefault();
@ -726,6 +733,7 @@ export class GraphQLEditor extends PureComponent<Props, State> {
return (
<div className="graphql-editor">
<KeydownBinder onKeydown={this._handleKeyDown} />
<Dropdown right className="graphql-editor__schema-dropdown margin-bottom-xs">
<DropdownButton className="space-left btn btn--micro btn--outlined">