Function FlowToJavascript

pages/flow-to-javascript.tsx:7–31

()

import { Alert } from "evergreen-ui";

export default function FlowToJavascript() {
  const transformer = useCallback(
    ({ value }) => request("/api/flow-to-javascript", value, "plain/text"),
    []
  );

  return (
    <ConversionPanel
      transformer={transformer}
      editorTitle="Flow"
      editorLanguage="plaintext"
      editorDefaultValue="flow"
      resultTitle="JavaScript"
      resultLanguage={"javascript"}
      resultEditorProps={{
        topNotifications: () => (
          <Alert
            backgroundColor="#e7f7ff"
            title="This code is converted on the server."
          />
        )
      }}
    />
  );
}