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

Merge branch 'pull/1880' into develop

Browse Source
This commit is contained in:
Gregory Schier 2020-02-10 13:13:27 -05:00
commit 6d259ed067
1 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
packages/insomnia-app/app/ui/components/graph-ql-explorer/graph-ql-explorer-type.js
View File

@ -4,6 +4,7 @@ import GraphQLExplorerTypeLink from './graph-ql-explorer-type-link';
import autobind from 'autobind-decorator';
import MarkdownPreview from '../markdown-preview';
import GraphQLExplorerFieldLink from './graph-ql-explorer-field-link';
import { GraphQLUnionType } from 'graphql';
import type { GraphQLType, GraphQLField } from 'graphql';
type Props = {
@ -29,6 +30,34 @@ class GraphQLExplorerType extends React.PureComponent<Props> {
return <MarkdownPreview markdown={type.description || '*no description*'} />;
}
renderTypesMaybe() {
const { type, onNavigateType } = this.props;
if (typeof type.getTypes !== 'function') {
return null;
}
if (!(type instanceof GraphQLUnionType)) {
return null;
}
const types = (type: Object).getTypes();
console.log('UNION TYPE? ', types);
return (
<React.Fragment>
<h2 className="graphql-explorer__subheading">Possible Types</h2>
<ul className="graphql-explorer__defs">
{types.map(type => (
<li key={type.name}>
<GraphQLExplorerTypeLink onNavigate={onNavigateType} type={type} />
</li>
))}
</ul>
</React.Fragment>
);
}
renderFieldsMaybe() {
const { type, onNavigateType } = this.props;
if (typeof type.getFields !== 'function') {
@ -92,6 +121,7 @@ class GraphQLExplorerType extends React.PureComponent<Props> {
return (
<div className="graphql-explorer__type">
{this.renderDescription()}
{this.renderTypesMaybe()}
{this.renderFieldsMaybe()}
</div>
);