2019-03-24 14:57:29 +01:00
|
|
|
import React, { Component } from 'react'
|
|
|
|
import { Provider } from 'react-redux'
|
|
|
|
import { Playground, store } from 'graphql-playground-react'
|
|
|
|
|
|
|
|
import './index.css'
|
|
|
|
|
|
|
|
class App extends Component {
|
|
|
|
render() {
|
|
|
|
return (
|
|
|
|
<div>
|
|
|
|
<header style={{
|
|
|
|
background: '#4d2692',
|
|
|
|
color: '#f1e9ff',
|
|
|
|
letterSpacing: '0.15rem',
|
2019-04-15 00:54:59 +02:00
|
|
|
height: '65px',
|
|
|
|
display: 'flex',
|
|
|
|
alignItems: 'center'
|
2019-03-24 14:57:29 +01:00
|
|
|
}}
|
|
|
|
>
|
|
|
|
<h3 style={{
|
|
|
|
textDecoration: 'none',
|
|
|
|
margin: '0px',
|
2019-04-15 00:54:59 +02:00
|
|
|
fontSize: '18px',
|
|
|
|
|
2019-03-24 14:57:29 +01:00
|
|
|
}}
|
|
|
|
>
|
2019-04-15 00:54:59 +02:00
|
|
|
<span style={{
|
|
|
|
textTransform: 'uppercase',
|
|
|
|
marginLeft: '20px'
|
|
|
|
}}>
|
|
|
|
Super Graph
|
|
|
|
</span>
|
|
|
|
<span style={{
|
|
|
|
fontSize: '16px',
|
|
|
|
marginLeft: '20px',
|
|
|
|
color: '#b48aff'
|
|
|
|
}}>
|
|
|
|
Instant GraphQL</span>
|
|
|
|
</h3>
|
2019-03-24 14:57:29 +01:00
|
|
|
</header>
|
|
|
|
|
|
|
|
<Provider store={store}>
|
|
|
|
<Playground
|
|
|
|
endpoint="/api/v1/graphql"
|
|
|
|
settings={{
|
|
|
|
'schema.polling.enable': false,
|
2019-04-13 16:30:02 +02:00
|
|
|
'request.credentials': 'include',
|
|
|
|
'general.betaUpdates': true,
|
|
|
|
'editor.reuseHeaders': true,
|
|
|
|
'editor.theme': 'dark'
|
2019-03-24 14:57:29 +01:00
|
|
|
}}
|
|
|
|
/>
|
|
|
|
</Provider>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default App;
|