import * as React from 'react'
import { RedocStandalone } from 'redoc'

import Layout from '../../components/Layout'

const IndexPage = () => (
  <Layout activeRootSection="api/v2">
    <RedocStandalone
      specUrl="https://raw.githubusercontent.com/spark-solutions/spree/master/api/docs/v2/storefront/index.yaml"
      options={{
        disableSearch: true,
        scrollYOffset: 80,
        hideDownloadButton: true,
        theme: {
          colors: {
            primary: {
              main: '#0066CC'
            },
            success: {
              main: '#99CC00'
            },
            border: {
              dark: '#EEE'
            }
          },
          typography: {
            smoothing: 'unset',
            fontSize: '16px',
            fontFamily: '"IBM Plex Sans", sans-serif;',
            headings: {
              fontFamily: '"IBM Plex Sans", sans-serif;'
            },
            code: {
              fontSize: '16px',
              fontFamily: '"IBM Plex Mono", monospace;',
              fontWeight: 400,
              backgroundColor: '#0066CC',
              color: '#FFF'
            }
          },
          rightPanel: {
            backgroundColor: '#444'
          },
          menu: {
            width: '19rem',
            backgroundColor: '#FFF'
          }
        }
      }}
    />
  </Layout>
)

export default IndexPage

import * as React from 'react'
import { RedocStandalone } from 'redoc'

import Layout from '../../components/Layout'

const IndexPage = () => (
  <Layout activeRootSection="api/v2">
    <RedocStandalone
      specUrl="https://raw.githubusercontent.com/spree/spree/master/api/docs/v2/storefront/index.yaml"
      options={{
        disableSearch: true,
        scrollYOffset: 80,
        hideDownloadButton: true,
        theme: {
          colors: {
            primary: {
              main: '#0066CC'
            },
            success: {
              main: '#99CC00'
            },
            border: {
              dark: '#EEE'
            }
          },
          typography: {
            smoothing: 'unset',
            fontSize: '16px',
            fontFamily: '"IBM Plex Sans", sans-serif;',
            headings: {
              fontFamily: '"IBM Plex Sans", sans-serif;'
            },
            code: {
              fontSize: '16px',
              fontFamily: '"IBM Plex Mono", monospace;',
              fontWeight: 400,
              backgroundColor: '#0066CC',
              color: '#FFF'
            }
          },
          rightPanel: {
            backgroundColor: '#444'
          },
          menu: {
            width: '19rem',
            backgroundColor: '#FFF'
          }
        }
      }}
    />
  </Layout>
)

export default IndexPage

Use spree/spree source for spec
Use spree/spree source for spec
