components/Layout.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

import styles from 'styles/Main.module.scss'
import React from 'react'
import Head from 'next/head'
import {Header, Popup} from 'components'
import PropTypes from 'prop-types'

const Layout = ({
  children,
  apps,
  setApps,
  settings,
}) => (
  <section className={styles.layout +' '+ (settings ? settings.theme : 'green')}>
    <Head>
      <title>My Apps</title>
    </Head>
    <main>
      <div className="container">{children}</div>
    </main>
    <Header apps={apps} setApps={setApps} />
    <Popup/>
  </section>
)

export default Layout

Layout.propTypes = {
  children: PropTypes.node,
}