Adds isSideMenuEnabled prop to Header component

This commit is contained in:
mashazyu
2020-04-24 14:28:01 +02:00
committed by Sofiya Tepikin
parent 1f5d869b17
commit cbe9f3947d
+16 -1
View File
@@ -1,5 +1,6 @@
import React, { Component } from 'react' import React, { Component } from 'react'
import { StyleSheet, View } from 'react-native' import { StyleSheet, View } from 'react-native'
import PropTypes from 'prop-types'
import Logo from './logo' import Logo from './logo'
import SideMenu from './side-menu' import SideMenu from './side-menu'
@@ -7,6 +8,10 @@ import SideMenu from './side-menu'
import { Colors, Containers, Sizes } from '../../styles/redesign' import { Colors, Containers, Sizes } from '../../styles/redesign'
export default class Header extends Component { export default class Header extends Component {
static propTypes = {
isSideMenuEnabled: PropTypes.bool
}
constructor(props) { constructor(props) {
super(props) super(props)
@@ -18,17 +23,27 @@ export default class Header extends Component {
} }
render() { render() {
const { isSideMenuEnabled } = this.props
const { shouldShowMenu } = this.state const { shouldShowMenu } = this.state
return ( return (
<View style={styles.header}> <View style={styles.header}>
<Logo /> <Logo />
<SideMenu shouldShowMenu={shouldShowMenu} toggleMenu={this.toggleMenu}/> {isSideMenuEnabled &&
<SideMenu
shouldShowMenu={shouldShowMenu}
toggleMenu={this.toggleMenu}
/>
}
</View > </View >
) )
} }
} }
Header.defaultProps = {
isSideMenuEnabled: true
}
const styles = StyleSheet.create({ const styles = StyleSheet.create({
header: { header: {
backgroundColor: Colors.purple, backgroundColor: Colors.purple,