@@ -21,8 +24,21 @@ function Footer() {
Please submit a pull request on github if you would
like to add anything.
+ {
+ toggleStyle
+ ?
+ : null
+ }
);
}
+Footer.defaultProps = {
+ toggleStyle: null,
+};
+
+Footer.propTypes = {
+ toggleStyle: PropTypes.func,
+};
+
export default Footer;
diff --git a/components/Layout.js b/components/Layout.js
index 1a7f2ff..df2c730 100644
--- a/components/Layout.js
+++ b/components/Layout.js
@@ -1,11 +1,16 @@
import PropTypes from 'prop-types';
import Head from 'next/head';
+import { useState } from 'react';
import Header from './Header';
import Footer from './Footer';
import SiteStyle from './Style';
function Layout(props) {
const { children, paths } = props;
+ const [enableStyle, setEnableStyle] = useState(true);
+
+ const toggleStyle = () => setEnableStyle(!enableStyle);
+
return (