Example #1
0
export default () => (
  <div {...styles.container}>
    <div onClick={() => setLocale(locales[getLocale()].value)} {...styles.button} {...select(':hover + div', { display: 'block' })}>
      <span {...styles.name}>{locales[getLocale()].name}</span>
      <span {...styles.arrowDown} />
    </div>
    <div {...styles.content}>
      {Object.keys(locales).filter(l => getLocale() !== l).map(l => (
        <span onClick={() => setLocale(locales[l].value)}>{locales[l].name}</span>
      ))}
    </div>
  </div>
)
Example #2
0
 {Object.keys(locales).filter(l => getLocale() !== l).map(l => (
Example #3
0
 <div onClick={() => setLocale(locales[getLocale()].value)} {...styles.button} {...select(':hover + div', { display: 'block' })}>