@fortawesome/free-solid-svg-icons#faLanguage JavaScript Examples

The following examples show how to use @fortawesome/free-solid-svg-icons#faLanguage. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.

Example #1

Source File: Language.jsx From covid with GNU General Public License v3.0

6 votes

Language = (props) => {
  const { t, language, onLanguageChange } = props
  const handleLanguageChange = (e) => onLanguageChange(e.target.value)

  const filteredLanguages = available.reduce((languages, current) => {
    return !languages.find((item) => item.label === current.label)
      ? languages.concat([current])
      : languages
  }, [])

  return (
    <>
      <h1 id='modal_heading'>
        <FontAwesomeIcon icon={faLanguage} style={{ marginRight: '.5em' }} />
        {t('Language')}
      </h1>
      <>
        <FormControl component='fieldset'>
          <RadioGroup
            aria-label='language'
            name='language'
            value={language}
            onChange={handleLanguageChange}
          >
            {filteredLanguages.map((ele, index) => (
              <FormControlLabel
                key={index}
                value={ele.key}
                control={<Radio />}
                label={ele.label}
              />
            ))}
          </RadioGroup>
        </FormControl>
      </>
    </>
  )
}

Example #2

Source File: MenuItems.jsx From covid with GNU General Public License v3.0

6 votes

function MainMenuItemsUntranslated ({ t }) {
  return (
    <>
      {/* <ListItemLink to="/" primary={ "Dashboard" } icon={ <DashboardIcon /> } /> */}
      <ListItemLink
        to='#about'
        primary={t('About...')}
        icon={<FontAwesomeIcon style={{ fontSize: '1.5rem' }} icon={faAbout} />}
      />
      <ListItemLink
        to='#language'
        primary={t('Language')}
        icon={
          <FontAwesomeIcon style={{ fontSize: '1.5rem' }} icon={faLanguage} />
        }
      />
      <ListItemLink
        to='#theme'
        primary={t('Theme')}
        icon={<ThemeIcon style={{ fontSize: '1.5rem' }} />}
      />
    </>
  )
}