diff options
| author |  piotrruss <mail@pruss.it>
| 2021-08-21 19:54:37 +0200 |
|---|---|---|
| committer | piotrruss <mail@pruss.it>
| 2021-08-21 19:54:37 +0200 |
| commit | 71cc09db93ec9b079a30593e14ca57c98fdc94ac (patch) | |
| tree | 652a23dbec9c8395f96b59dc6556363ef556962b /components/Layout.js | |
| parent | a9d3686ccc496044cfdee013ccfbece955793052 (diff) | |
| download | my_apps-71cc09db93ec9b079a30593e14ca57c98fdc94ac.tar.gz my_apps-71cc09db93ec9b079a30593e14ca57c98fdc94ac.tar.bz2 my_apps-71cc09db93ec9b079a30593e14ca57c98fdc94ac.zip | |
color themes
Diffstat (limited to 'components/Layout.js')
| -rw-r--r-- | components/Layout.js | 20 |
1 files changed, 12 insertions, 8 deletions
diff --git a/components/Layout.js b/components/Layout.js index 8b6cf87..0b8348c 100644 --- a/components/Layout.js +++ b/components/Layout.js @@ -1,3 +1,4 @@ +import styles from 'styles/Main.module.scss' import React, {useState} from 'react' import Head from 'next/head' import Context from '../context'; @@ -6,18 +7,21 @@ import Popup from './Popup' import PropTypes from 'prop-types' const Layout = ({ children, apps, setApps}) => { + const [options, setOptions] = useState({theme: 'dark'}) const [popup, setPopup] = useState({}) return ( <Context.Provider value={{ setPopup }}> - <Head> - <title>Notes App</title> - </Head> - <main> - <div className="container">{children}</div> - </main> - <Header apps={apps} setApps={setApps} /> - <Popup popup={popup} /> + <section className={styles.layout+' '+options.theme}> + <Head> + <title>My Apps</title> + </Head> + <main> + <div className="container">{children}</div> + </main> + <Header apps={apps} setApps={setApps} /> + <Popup popup={popup} /> + </section> </Context.Provider> ) } |