mitchell/mjfs.us
1
0
Fork 0
mirror of https://github.com/mitchell/mjfs.us.git synced 2025-10-30 12:55:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor navbar menu button rendering

Browse source
This commit is contained in:
Mitchell Simon 2019-09-03 00:34:08 -04:00
parent ba61e2fa2c
commit a28a8916d9
1 changed files with 13 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/components/Navbar/index.tsx
View file

@ -18,13 +18,23 @@ class Navbar extends React.Component<{}, State> {
this.toggleMenu = this.toggleMenu.bind(this) this.toggleMenu = this.toggleMenu.bind(this)
this.renderButtons = this.renderButtons.bind(this) this.renderButtons = this.renderButtons.bind(this)
this.closeMenu = this.closeMenu.bind(this) this.closeMenu = this.closeMenu.bind(this)
this.menuButton = this.menuButton.bind(this)
} }
public render() { public render() {
let menuButton: JSX.Element | null = null return (
<div className="navbar">
{this.menuButton()}
{this.state.showMenu && (
<div className="navbar-menu">{this.renderButtons()}</div>
)}
</div>
)
}
private menuButton() {
if (this.isMobile()) { if (this.isMobile()) {
menuButton = ( return (
<div <div
className={ className={
this.state.showMenu this.state.showMenu
@ -38,14 +48,7 @@ class Navbar extends React.Component<{}, State> {
) )
} }
return ( return null
<div className="navbar">
{menuButton}
{this.state.showMenu ? (
<div className="navbar-menu">{this.renderButtons()}</div>
) : null}
</div>
)
} }
private isMobile() { private isMobile() {