import * as types from 'site/types'
import FontFaceObserver from 'fontfaceobserver'
import actions from 'site/actions'
import { dispatch } from 'site/store'

export const loadMuseum = () => {
  Promise.all([
    loadFonts,
    actions.site.loadGraph('last-museum'),
  ])
  .then(() => dispatch({ type: types.site.load_site }))
}

const loadFonts = () => {
  const fonts = [
    new FontFaceObserver('Gruk'),
    new FontFaceObserver('Gruk Wide', { style: 'italic' }),
    new FontFaceObserver('Gruk Medium'),
  ]
  return Promise.all(fonts.map(font => font.load()))
}