How to use the soya-next/prop-types.localeShape.isRequired function in soya-next

To help you get started, we’ve selected a few soya-next examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github traveloka / soya-next / examples / i18n / components / LanguagePicker.js View on Github external
const style = { marginLeft: 5 };
      if (locale.language === language && locale.country === country) {
        style.color = "white";
        style.background = "red";
      }
      return (
        
          <a style="{style}">{data[language].language}</a>
        
      );
    })}
  
);

LanguagePicker.propTypes = {
  locale: localeShape.isRequired,
  siteLocales: PropTypes.arrayOf(PropTypes.string.isRequired).isRequired
};

export default withLocale(LanguagePicker);
github traveloka / soya-next / examples / i18n-with-redux / components / Dictionary.js View on Github external
import { connect } from "react-redux";
import { applyReducers } from "soya-next/redux";
import { withLocale } from "soya-next/i18n";
import { localeShape } from "soya-next/prop-types";
import dictionary from "../reducers/DictionaryReducer";
import { generateId } from "../utils/DictionaryUtil";
import { fetchTranslation } from "../actions/DictionaryAction";

class Dictionary extends React.Component {
  static propTypes = {
    component: PropTypes.node,
    renderProp: PropTypes.string,
    entryKey: PropTypes.string.isRequired,
    params: PropTypes.object,
    translation: PropTypes.string,
    locale: localeShape.isRequired,
    fetchTranslation: PropTypes.func.isRequired
  };

  static defaultProps = {
    component: "span",
    renderProp: "children",
    params: null
  };

  componentDidMount() {
    this.props.fetchTranslation();
  }

  componentDidUpdate(prevProps) {
    if (
      this.props.locale.language !== prevProps.locale.language ||
github traveloka / soya-next / examples / i18n / components / Layout.js View on Github external
<a>{data[locale.language].menuHome}</a>
      {" "}
      
        <a>{data[locale.language].menuAboutUs}</a>
      
    
    {children}
    <hr>
    
  
);

Layout.propTypes = {
  children: PropTypes.node,
  locale: localeShape.isRequired,
  siteLocales: PropTypes.arrayOf(PropTypes.string.isRequired).isRequired
};

export default withLocale(Layout);
github traveloka / soya-next / examples / i18n-with-redux / components / LanguagePicker.js View on Github external
style.color = "white";
        style.background = "red";
      }
      return (
        
          <a style="{style}">
            
          </a>
        
      );
    })}
  
);

LanguagePicker.propTypes = {
  locale: localeShape.isRequired,
  siteLocales: PropTypes.arrayOf(PropTypes.string.isRequired).isRequired
};

export default withLocale(LanguagePicker);