routes.jsx

import React from 'react'
import { mount } from 'react-mounter'
import { FlowRouter } from 'meteor/kadira:flow-router-ssr'
import { DocHead } from 'meteor/kadira:dochead'

import { Layout } from './components/App'
import Home from './containers/HomeIndex'

const publicRoutes = FlowRouter.group({name: 'public'})

publicRoutes.route( '/', {
  name: 'home',
  action() {
    //--- Set header items
    let favicon = {rel: "icon", type: "image/png", href: "https://www.wordpress-api-route.com/uploads/2016/favicon.png"}
    let metaInfo = {name: "description", content: "Site description that will be pulled when say Facebook queries the page"}
    let metaView = {name: "viewport", content: "width=device-width, initial-scale=1, user-scalable=0"}
    let metaOgUrl = {property: "og:url", content: "https://www.site.com"}
    let metaOgImage = {property: "og:image", content: "https://www.wordpress-api-route.com/uploads/2016/sharingimage.jpg"}
    
    DocHead.setTitle('Website Title')
    DocHead.addLink(favicon)
    DocHead.addMeta(metaOgImage)
    DocHead.addMeta(metaInfo)
    DocHead.addMeta(metaOgUrl)
    DocHead.addMeta(metaView)
    
    mount( Layout, { content: <Home />, classes: 'header header--home', page: 'home'})
  }
})