simplify header

src/components/organisms/Header.jsx

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react'
+import React from 'react'
 import { Link } from 'gatsby'
 import PropTypes from 'prop-types'
 import { FadeIn } from '../atoms/Animations'
@@ -8,35 +8,12 @@ import ThemeSwitch from '../molecules/ThemeSwitch'
 import LogoUnit from '../atoms/LogoUnit'
 import styles from './Header.module.scss'
 
-class Header extends PureComponent {
+const Header = ({ meta, isHomepage }) => (
-  constructor(props) {
+  <header
-    super(props)
+    className={
-
+      isHomepage ? `${styles.header}` : `${styles.header} ${styles.minimal}`
-    this.state = { classes: 'header' }
     }
-
+  >
-  componentDidMount() {
-    this.toggleClasses()
-  }
-
-  componentDidUpdate() {
-    this.toggleClasses()
-  }
-
-  toggleClasses = () => {
-    if (this.props.isHomepage) {
-      this.setState({ classes: styles.header })
-    } else {
-      this.setState({ classes: `${styles.header} ${styles.minimal}` })
-    }
-  }
-
-  render() {
-    const meta = this.props.meta
-    const isHomepage = this.props.isHomepage
-
-    return (
-      <header className={this.state.classes}>
     <ThemeSwitch />
     <FadeIn>
       <Link className={styles.header__link} to={'/'}>
@@ -48,9 +25,7 @@ class Header extends PureComponent {
 
     <Availability hide={!isHomepage && !meta.availability.status} />
   </header>
-    )
+)
-  }
-}
 
 Header.propTypes = {
   meta: PropTypes.object,