prayer-timetable-react/src/components/Header.jsx

Prayer timetable made with React

import React from 'react'
import { connect } from 'react-redux'
import PropTypes from 'prop-types'

import styles from '../styles'
import logo from '../config/logo.svg'

const HeaderStyle = styles.header

const logoImg = <img src={logo} alt="logo" />

const mapStateToProps = (state) => ({ day: state.day })

const ConnectedHeader = ({ day }) => (
  <HeaderStyle>
    <div>{day.now.format('ddd DD MMMM YYYY')}</div>
    <div className="logo">{logoImg}</div>
    <div>{day.hijri.format('iDD iMMMM YYYY')}</div>
    {/* <div className="center">{settings.title}</div> */}
  </HeaderStyle>
)
const Header = connect(mapStateToProps)(ConnectedHeader)
export default Header

ConnectedHeader.propTypes = {
  day: PropTypes.object,
}