Components

Header

<Header isMobileScreenWidth hamburgerMenuClicked />

Renders the Header component.

Constructor

PropTypes:
Name Type Required Description Default
isMobileScreenWidth bool Yes Indicates if the screen width is mobile
hamburgerMenuClicked func No Hamburger menu icon click handler
Author:

View Source components/Header/Header.js, line 23

Extends

  • Component

Members

number

# _timeOfDayIntervalId

setInterval ID for updating the time of day

View Source components/Header/Header.js, line 39

# getTimeOfDay

Gets the time of day. Values are "Morning," "Afternoon," or "Evening".

View Source components/Header/Header.js, line 68

# state

Header component state
Properties:
Name Type Description
timeOfDay string The time of day ("Morning," "Afternoon," or "Evening")

View Source components/Header/Header.js, line 30

Methods

# componentDidMount()

Starts a time of day interval timer

View Source components/Header/Header.js, line 44

# componentWillUnmount()

Clears the time of day interval timer

View Source components/Header/Header.js, line 51

# getHamburgerMenu()

Gets a hamburger menu if needed

View Source components/Header/Header.js, line 85

A hamburger menu (JSX) or null

# getHeading()

Gets a heading element if needed

View Source components/Header/Header.js, line 96

A heading element (JSX) or null
Gets the TMA logo if needed

View Source components/Header/Header.js, line 109

An image element (JSX) or null

# render()

Renders the Header component

View Source components/Header/Header.js, line 122

# updateTimeOfDay()

Updates state with the time of day

View Source components/Header/Header.js, line 59