babel-jsxgettext/test/test.js

A tool like jsxgettext, but works for es6 + jsx that babel support

import styles from './Header.css'

import React, { PropTypes, Component } from 'react'
import { Link } from 'react-router'

import { gettext } from '../utils/translation'

export default class Header extends Component {

  static propTypes = {
    children: PropTypes.any
  }

  static contextTypes = {
    store: PropTypes.any
  }

  render () {
    return (
      <header className={styles.header}>
        <Link className={styles.logo} tabIndex={-1} to='/locations'>
          <img className={styles.img} src={require('../../assets/images/logo.png')} />
        </Link>

        <h1 className={styles.h1}>{ gettext('Myanmar TRM') }</h1>

        <nav className={styles.nav}>
          <Link className={styles.menuItem} to='/locations'>{ gettext('Settings') }</Link>
          <Link className={styles.menuItem} to='/export'>{ gettext('Export') }</Link>
          <Link className={styles.menuItem} to='/'>{ gettext('Viewer') }</Link>
        </nav>
      </header>
    )
  }

}