App-6.js

import React, { Component } from 'react'
import ViewerTemplate from './components/ViewerTemplate'
import SpaceNavigator from './components/SpaceNavigator'
import Viewer from './components/Viewer'

import * as api from './lib/api'

class App extends Component {
  getAPOD = async (date) => {
    const response = await api.getAPOD(date)
    console.log(response)
  }

  componentDidMount () {
    this.getAPOD()
  }

  render() {
    return (
      <div>
        <ViewerTemplate 
          spaceNavigator={<SpaceNavigator />}
          viewer={(
            <Viewer 
              url="https://www.youtube.com/embed/uj3Lq7Gu94Y?rel=0" 
              mediaType="video" />
          )} />
      </div>
    )
  }
}

export default App