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.
26 lines
681 B
26 lines
681 B
7 years ago
|
import React from 'react'
|
||
|
|
import PropTypes from 'prop-types'
|
||
|
|
import Menu from './Menu'
|
||
|
|
import Fiat from './Fiat'
|
||
|
|
import styles from './Settings.scss'
|
||
|
|
|
||
|
|
const Settings = ({ settings, setActiveSubMenu, fiatProps }) => {
|
||
|
|
const renderSettings = () => {
|
||
|
|
switch (settings.activeSubMenu) {
|
||
|
|
case 'fiat':
|
||
|
|
return <Fiat {...fiatProps} />
|
||
|
|
default:
|
||
|
|
return <Menu setActiveSubMenu={setActiveSubMenu} />
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return <div className={styles.container}>{renderSettings()}</div>
|
||
|
|
}
|
||
|
|
|
||
|
|
Settings.propTypes = {
|
||
|
|
settings: PropTypes.object.isRequired,
|
||
|
|
setActiveSubMenu: PropTypes.func.isRequired,
|
||
|
|
fiatProps: PropTypes.object.isRequired
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Settings
|