Adds isSideMenuEnabled prop to Header component
This commit is contained in:
@@ -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,
|
||||||
|
|||||||
Reference in New Issue
Block a user