Ritesh Kumar
4ebf5472cd
* rename exported functions * replace monaco editor with compiled version * fixes * cancel old API requests
21 lines
557 B
TypeScript
21 lines
557 B
TypeScript
import ConversionPanel from "@components/ConversionPanel";
|
|
import { useCallback } from "react";
|
|
import * as React from "react";
|
|
import { jsonToSchema } from "@walmartlabs/json-to-simple-graphql-schema/lib";
|
|
|
|
export default function JsonToGraphql() {
|
|
const transformer = useCallback(({ value }) => {
|
|
return jsonToSchema({ jsonInput: value }).value;
|
|
}, []);
|
|
|
|
return (
|
|
<ConversionPanel
|
|
transformer={transformer}
|
|
editorTitle="JSON"
|
|
editorLanguage="json"
|
|
resultTitle="GraphQL"
|
|
resultLanguage={"graphql"}
|
|
/>
|
|
);
|
|
}
|