more page template simplification

src/pages/goodies.jsx

@@ -25,11 +25,7 @@ const Goodies = ({ data }) => {
     )
   })
 
-  return (
-    <Page title="Goodies">
-      <section className={styles.goodies}>{GoodiesThumbs}</section>
-    </Page>
-  )
+  return <Page title="Goodies">{GoodiesThumbs}</Page>
 }
 
 Goodies.propTypes = {

src/pages/photos.jsx

@@ -25,8 +25,8 @@ const Photos = ({ data }) => {
   })
 
   return (
-    <Page title="Photos">
-      <section className={styles.photos}>{PhotoThumbs}</section>
+    <Page title="Photos" section={styles.photos}>
+      {PhotoThumbs}
     </Page>
   )
 }

src/templates/Page.jsx

@@ -4,19 +4,20 @@ import Layout from '../components/Layout'
 
 import styles from './Page.module.scss'
 
-const Page = ({ title, location, children }) => {
+const Page = ({ title, location, section, children }) => {
   return (
     <Layout location={location}>
       <h1 className={styles.pageTitle}>{title}</h1>
-      {children}
+      {section ? <section className={section}>{children}</section> : children}
     </Layout>
   )
 }
 
 Page.propTypes = {
-  location: PropTypes.object,
+  title: PropTypes.string.isRequired,
   children: PropTypes.any.isRequired,
-  title: PropTypes.string.isRequired
+  section: PropTypes.object,
+  location: PropTypes.object
 }
 
 export default Page