import React, { Component } from 'react';
import GraphiQL from 'graphiql';
import fetch from 'isomorphic-fetch';
import Schema from './schema.js';
window.a = require('graphql');

export default class App extends Component {
  fetchData({query, variables}) {
    return window.a.graphql(Schema, query, null, JSON.parse(variables));
  }

  render() {
    return (
      <GraphiQL fetcher={this.fetchData} />
    );
  }
}

@@ -144,38 +144,241 @@
 s';%0A
-window.a = require('graphql');
+%0AGraphiQL.Logo = class Logo extends Component %7B%0A  render() %7B%0A    let style = %7B%0A      fontWeight: 800,%0A      fontSize: 16,%0A      color: %22#252525%22%0A    %7D;%0A%0A    return (%0A      %3Cspan style=%7Bstyle%7D%3ELearn GraphQL Sandbox%3C/span%3E%0A    );%0A  %7D%0A%7D
 %0A%0Aex

Change logo