intl.js

import React from 'react'
import { Link } from 'react-router'
import { addLocaleData, FormattedMessage } from 'react-intl'
import en from 'react-intl/locale-data/en'
import pt from 'react-intl/locale-data/pt'
import messages from './lang'

addLocaleData([...en, ...pt])

export const defaultLocale = 'pt'
export const locales = ['pt', 'en']

export function getLocale(url) {
  const firstURIlevel = url.replace(/^\//, '').split('/')[0]

  return firstURIlevel && locales.indexOf(firstURIlevel) > -1
    ? firstURIlevel
    : defaultLocale
}

export function getIntl(locale) {
  return {
    locale: locale,
    key: locale,
    messages: messages[locale],
    defaultLocale: defaultLocale
  }
}

export function IntlLink({ to, title, activeClassName }) {
  return (
    <FormattedMessage id={to}>
      {txt => (
        <Link to={txt} activeClassName={activeClassName}>
          <FormattedMessage id={title} />
        </Link>
      )}
    </FormattedMessage>
  )
}

export function LocalLink({ to, children, ...otherProps }) {
  const locale = getLocale(
    typeof location !== 'undefined' ? location.pathname : '/'
  )

  return (
    <Link to={`${locale !== defaultLocale ? locale : ''}${to}`} {...otherProps}>
      {children}
    </Link>
  )
}