You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
878 B
33 lines
878 B
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import FaAngleRight from 'react-icons/lib/fa/angle-right'
|
|
|
|
import { FormattedMessage } from 'react-intl'
|
|
import messages from './messages'
|
|
|
|
import styles from './Menu.scss'
|
|
|
|
const Menu = ({ setActiveSubMenu }) => (
|
|
<ul>
|
|
<li className={styles.fiat} onClick={() => setActiveSubMenu('fiat')}>
|
|
<FormattedMessage {...messages.fiat} />
|
|
<FaAngleRight />
|
|
</li>
|
|
<li className={styles.locale} onClick={() => setActiveSubMenu('locale')}>
|
|
<FormattedMessage {...messages.locale} />
|
|
<FaAngleRight />
|
|
</li>
|
|
<li className={styles.fiat} onClick={() => setActiveSubMenu('theme')}>
|
|
<span>
|
|
<FormattedMessage {...messages.theme} />
|
|
</span>
|
|
<FaAngleRight />
|
|
</li>
|
|
</ul>
|
|
)
|
|
|
|
Menu.propTypes = {
|
|
setActiveSubMenu: PropTypes.func.isRequired
|
|
}
|
|
|
|
export default Menu
|
|
|