ryandrewjohnson

import React from "react";
import { withLocalize } from "react-localize-redux";

const LanguageToggle = ({ languages, activeLanguage, setActiveLanguage }) => (
  <ul className="selector">
    {languages.map(lang => (
      <li key={lang.code}>
        <button onClick={() => setActiveLanguage(lang.code)}>
          {lang.name}
        </button>

ryandrewjohnson

{
  "movie": {
    "title": ["Jurassic Park", "Le Parc jurassique"]
  }
}

ryandrewjohnson

const Movies = props => (
  <Translate>
    {({ translate }) => <h1>{translate("movie.title")}</h1>}
  </Translate>
);

ryandrewjohnson

const Movies = props => (
  <h1>
    <Translate id="movie.title" />
  </h1>
);

ryandrewjohnson

import React from "react";
import { Translate } from "react-localize-redux";

const Movies = props => (
  <h1>
    <Translate id="movie.title">Jurassic Park</Translate>
  </h1>
);

ryandrewjohnson

import frenchMovieTranslations from "./translations/fr.movies.json";

this.props.addTranslationForLanguage(frenchMovieTranslations, "fr");

ryandrewjohnson

import React from "react";
import { withLocalize } from "react-localize-redux";
import movieTranslations from "./translations/movies.json";

class Movies extends React.Component {
  constructor(props) {
    super(props);

    this.props.addTranslation(movieTranslations);
  }

ryandrewjohnson

import React from "react";
import { renderToStaticMarkup } from "react-dom/server";
import { withLocalize } from "react-localize-redux";
import globalTranslations from "./translations/global.json";

class Main extends React.Component {
  constructor(props) {
    super(props);

    this.props.initialize({

ryandrewjohnson

import React from "react";
import { render } from "react-dom";
import { BrowserRouter as Router, Route } from "react-router-dom";
import { LocalizeProvider } from "react-localize-redux";
import Main from "./Main";

const App = props => (
  <LocalizeProvider>
    <Router>
      <Route path="/" component={Main} />

ryandrewjohnson

import React from 'react';
import Enzyme, { mount } from 'enzyme';

// ensure you're resetting modules before each test
beforeEach(() => {
  jest.resetModules();
});

// Takes the context data we want to test, or uses defaults
const getLanguageSelectorWithContext = (context = {languages: ['en', 'fr', 'es'], activeLanguage: 'en'}) => {