Footer.js 599 B

123456789101112131415161718192021
  1. import React from 'react'
  2. import PropTypes from 'prop-types'
  3. import Styles from './footer.css'
  4. import { CHINESE_MODEL } from '../../const'
  5. const Footer = ({ model, onChangeModel }) => (
  6. <div className={Styles.wrapper}>
  7. <div />
  8. <div className={Styles.today}><span>今天</span></div>
  9. <div role="presentation" className={Styles.lang} onClick={() => onChangeModel(model)}>
  10. <span>{ model === CHINESE_MODEL ? '中' : '西' }</span>
  11. </div>
  12. </div>
  13. )
  14. Footer.propTypes = {
  15. model: PropTypes.string.isRequired,
  16. onChangeModel: PropTypes.func.isRequired,
  17. }
  18. export default Footer