Voting

gatsby-config.js

@@ -80,6 +80,17 @@ module.exports = {
         },
       },
     },
+    {
+      resolve: `gatsby-source-graphql`,
+      options: {
+        typeName: 'GitHub',
+        fieldName: 'github',
+        url: 'https://api.github.com/graphql',
+        headers: {
+          Authorization: `Bearer ${process.env.GITHUB_TOKEN}`,
+        },
+      },
+    },
     {
       resolve: `gatsby-source-filesystem`,
       options: {

package.json

@@ -27,6 +27,7 @@
     "gatsby-plugin-sharp": "^2.2.11",
     "gatsby-plugin-theme-ui": "^0.2.33",
     "gatsby-source-filesystem": "^2.1.11",
+    "gatsby-source-graphql": "^2.1.10",
     "gatsby-source-meetup": "^1.0.0",
     "gatsby-source-s3-image": "^1.6.31",
     "gatsby-source-twitter": "^3.0.0",

src/pages/vote-topics.js

@@ -0,0 +1,52 @@
+import { graphql } from 'gatsby';
+import React from 'react';
+import { Layout } from '../components/layout';
+import { Seo } from '../components/seo';
+
+const VoteTopics = ({ data, location }) => {
+  return (
+    <>
+      <Seo
+        title="Vote Talk Topics"
+        description="List of talk topics, voted by communities"
+        pathname={location.pathname}
+      />
+      <Layout>
+        <h1>TODO</h1>
+        <pre>{JSON.stringify(data, null, 2)}</pre>
+      </Layout>
+    </>
+  );
+};
+
+export default VoteTopics;
+
+export const pageQuery = graphql`
+  query {
+    github {
+      repository(name: "kl-react", owner: "malcolm-kee") {
+        issue(number: 5) {
+          comments(first: 100) {
+            nodes {
+              databaseId
+              bodyHTML
+              author {
+                avatarUrl
+                url
+                ... on GitHub_User {
+                  name
+                }
+              }
+              reactionGroups {
+                content
+                users {
+                  totalCount
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+`;