52 lines
1.2 KiB
JavaScript
Executable File
52 lines
1.2 KiB
JavaScript
Executable File
import React, { Component } from 'react'
|
|
import { Provider } from 'react-redux'
|
|
import { Playground, store } from 'graphql-playground-react'
|
|
|
|
import './index.css'
|
|
|
|
const fetch = window.fetch
|
|
window.fetch = function() {
|
|
arguments[1].credentials = 'include'
|
|
return Promise.resolve(fetch.apply(global, arguments))
|
|
}
|
|
|
|
class App extends Component {
|
|
render() {
|
|
return (
|
|
<div>
|
|
<header style={{
|
|
color: 'lightblue',
|
|
letterSpacing: '0.15rem',
|
|
paddingTop: '10px',
|
|
paddingBottom: '0px'
|
|
}}
|
|
>
|
|
<div style={{
|
|
textDecoration: 'none',
|
|
margin: '0px',
|
|
fontSize: '14px',
|
|
fontWeight: '500',
|
|
textTransform: 'uppercase',
|
|
marginLeft: '10px',
|
|
}}
|
|
>Super Graph</div>
|
|
</header>
|
|
|
|
<Provider store={store}>
|
|
<Playground
|
|
endpoint="/api/v1/graphql"
|
|
settings="{
|
|
'schema.polling.enable': false,
|
|
'request.credentials': 'include',
|
|
'general.betaUpdates': true,
|
|
'editor.reuseHeaders': true,
|
|
}"
|
|
/>
|
|
</Provider>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default App;
|