import React from 'react'
import classnames from 'classnames'
import { statusPageURL } from 'utils/settings'
import classes from './Header.scss'

export const Header = (props) => (
  <header className={classnames('mdl-layout__header', 'mdl-layout--no-drawer-button', classes.header)}>
    <div className='mdl-layout__header-row'>
      <span className='mdl-layout-title'>LambStatus</span>
      <div className='mdl-layout-spacer' />
      <nav className='mdl-navigation mdl-layout--large-screen-only'>
        <a className='mdl-navigation__link' href={statusPageURL}>View Status Page</a>
      </nav>
    </div>
  </header>
)

export default Header

import React from 'react'
import classnames from 'classnames'
import { statusPageURL } from 'utils/settings'
import classes from './Header.scss'

export const Header = (props) => (
  <header className={classnames('mdl-layout__header', 'mdl-layout--no-drawer-button', classes.header)}>
    <div className='mdl-layout__header-row'>
      <span className='mdl-layout-title'>LambStatus</span>
      <div className='mdl-layout-spacer' />
      <nav className='mdl-navigation mdl-layout--large-screen-only'>
        <a className='mdl-navigation__link' href={'https://' + statusPageURL}>View Status Page</a>
      </nav>
    </div>
  </header>
)

export default Header

Set https for a link to status page
Set https for a link to status page
