Display chapter-specific sponsors

- Add city context to chapter nodes in gatsby-node.js
- Add city field to seattle sponsors data
- Add list of sponsors to chapter template
- Add query for filtered sponsors based on city to chapter template
- Add city to CMS config sponsor schema

Author: deweydell

content/sponsors/climate-corporation.json

@@ -3,7 +3,17 @@
   "url": "https://climate.com/",
   "logo": "/images/climate-corporation.jpg",
   "sponsorships": [
-    { "year": "2019", "level": "Local Meetup SEA", "conf_sponsor": false },
-    { "year": "2019", "level": "Local Meetup SF", "conf_sponsor": false }
+    {
+      "year": "2019",
+      "level": "Local Meetup SEA",
+      "conf_sponsor": false,
+      "city": "Seattle"
+    },
+    {
+      "year": "2019",
+      "level": "Local Meetup SF",
+      "conf_sponsor": false,
+      "city": "San Francisco"
+    }
   ]
 }

content/sponsors/glympse.json

@@ -3,6 +3,11 @@
   "url": "https://www.glympse.com",
   "logo": "/images/glympse.jpg",
   "sponsorships": [
-    { "year": "2019", "level": "Local Meetup SEA", "conf_sponsor": false }
+    {
+      "year": "2019",
+      "level": "Local Meetup SEA",
+      "conf_sponsor": false,
+      "city": "Seattle"
+    }
   ]
 }

gatsby-node.js

@@ -80,11 +80,13 @@ exports.createPages = ({ actions, graphql }) => {
 
     chapterPages.forEach(edge => {
       const id = edge.node.id
+      const city = edge.node.city
       createPage({
         path: edge.node.fields.slug,
         component: path.resolve(`src/templates/chapter.js`),
         context: {
           id,
+          city,
         },
       })
     })

src/templates/chapter.js

@@ -3,11 +3,16 @@ import { graphql } from 'gatsby'
 import Layout from '../layouts/default'
 
 const ChapterTemplate = ({ data }) => {
-  const { chaptersJson: chapter } = data
+  const { chaptersJson: chapter, allSponsorsJson: sponsors } = data
   return (
     <Layout>
       <section>
         <h1>{chapter.city}</h1>
+        <ul>
+          {sponsors.edges.map(sponsor => (
+            <li key={sponsor.node.id}>{sponsor.node.name}</li>
+          ))}
+        </ul>
       </section>
     </Layout>
   )
@@ -16,9 +21,21 @@ const ChapterTemplate = ({ data }) => {
 export default ChapterTemplate
 
 export const chapterQuery = graphql`
-  query Chapter($id: String!) {
+  query Chapter($id: String!, $city: String!) {
     chaptersJson(id: { eq: $id }) {
       city
     }
+    allSponsorsJson(
+      filter: { sponsorships: { elemMatch: { city: { eq: $city } } } }
+    ) {
+      edges {
+        node {
+          id
+          name
+          logo
+          url
+        }
+      }
+    }
   }
 `

static/admin/config.yml

@@ -197,6 +197,10 @@ collections:
             widget: 'boolean'
             default: false
             required: false
+          - label: 'City'
+            name: 'city'
+            widget: 'string'
+            required: false
 
   - name: 'organizers'
     label: 'Organizers'