gatsby-i18n/src/Redirect.js

Gatsby plugin that provides i18n support

import { PureComponent } from 'react';
import { navigate } from 'gatsby';
import { lookup, navigatorLanguages } from '@wapps/langtag-utils';

import { isBrowser } from './utils';

class Redirect extends PureComponent {
  componentDidMount() {
    if (isBrowser()) this.perform();
  }

  perform = () => {
    const { fallbackLng, availableLngs, redirectPage } = this.props.pageContext;

    const detectedLng =
      window.localStorage.getItem('@igorkoLng') ||
      lookup(availableLngs, navigatorLanguages(), fallbackLng);

    window.localStorage.setItem('@igorkoLng', detectedLng);
    const { hash, search } = window.location;

    const newUrl = `/${detectedLng}${redirectPage}${search ? search : ''}${
      hash ? hash : ''
    }`;
    navigate(newUrl, { replace: true });
  };

  render() {
    return null;
  }
}

export default Redirect;