App-5.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 = (date) => {
    api.getAPOD(date).then((response) => {
      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