Vote UI solution

.editorconfig

@@ -0,0 +1,9 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*]
+indent_style = space
+indent_size = 4

.prettierrc

@@ -1,5 +1,7 @@
 {
-  "semi": false,
-  "singleQuote": true,
-  "trailingComma": "es5"
-}
+    "semi": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "useTabs": false,
+    "trailingComma": "es5"
+}

gatsby-config.js

@@ -1,44 +1,45 @@
 module.exports = {
-  siteMetadata: {
-    title: `Below The Line`,
-    description: `Vote Your Way`,
-    author: `Benno Rice`,
-  },
-  plugins: [
-    `gatsby-plugin-react-helmet`,
-    {
-      resolve: `gatsby-source-filesystem`,
-      options: {
-        name: `images`,
-        path: `${__dirname}/src/images`,
-      },
+    siteMetadata: {
+        title: `Below The Line`,
+        description: `Vote Your Way`,
+        author: `Benno Rice`,
     },
-    `gatsby-transformer-sharp`,
-    `gatsby-plugin-sharp`,
-    {
-      resolve: `gatsby-plugin-manifest`,
-      options: {
-        name: `gatsby-starter-default`,
-        short_name: `starter`,
-        start_url: `/`,
-        background_color: `#663399`,
-        theme_color: `#663399`,
-        display: `minimal-ui`,
-        icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site.
-      },
-    },
-    `gatsby-plugin-typescript`,
-    `gatsby-transformer-yaml`,
-    `gatsby-transformer-remark`,
-    {
-      resolve: `gatsby-source-filesystem`,
-      options: {
-        name: `src`,
-        path: `${__dirname}/src/data`,
-      },
-    },
-    // this (optional) plugin enables Progressive Web App + Offline functionality
-    // To learn more, visit: https://gatsby.app/offline
-    // 'gatsby-plugin-offline',
-  ],
+    plugins: [
+        `gatsby-plugin-react-helmet`,
+        {
+            resolve: `gatsby-source-filesystem`,
+            options: {
+                name: `images`,
+                path: `${__dirname}/src/images`,
+            },
+        },
+        `gatsby-transformer-sharp`,
+        `gatsby-plugin-sharp`,
+        {
+            resolve: `gatsby-plugin-manifest`,
+            options: {
+                name: `gatsby-starter-default`,
+                short_name: `starter`,
+                start_url: `/`,
+                background_color: `#663399`,
+                theme_color: `#663399`,
+                display: `minimal-ui`,
+                icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site.
+            },
+        },
+        `gatsby-plugin-typescript`,
+        `gatsby-transformer-yaml`,
+        `gatsby-transformer-remark`,
+        {
+            resolve: `gatsby-source-filesystem`,
+            options: {
+                name: `src`,
+                path: `${__dirname}/src/data`,
+            },
+        },
+        `gatsby-plugin-styled-components`,
+        // this (optional) plugin enables Progressive Web App + Offline functionality
+        // To learn more, visit: https://gatsby.app/offline
+        // 'gatsby-plugin-offline',
+    ],
 }

gatsby-node.js

@@ -17,28 +17,27 @@ exports.createPages = ({ graphql, actions }) => {
     const { createPage } = actions
     return new Promise((resolve, reject) => {
         graphql(`
-        {
-          allStatesYaml {
-            edges {
-              node {
-                fields {
-                  slug
+            {
+                allStatesYaml {
+                    edges {
+                        node {
+                            fields {
+                                slug
+                            }
+                        }
+                    }
                 }
-              }
-            }
-          },
-          allDivisionsYaml {
-            edges {
-              node {
-                fields {
-                  slug
+                allDivisionsYaml {
+                    edges {
+                        node {
+                            fields {
+                                slug
+                            }
+                        }
+                    }
                 }
-              }
             }
-          }
-        }
-      `
-        ).then(result => {
+        `).then(result => {
             result.data.allStatesYaml.edges.forEach(({ node }) => {
                 createPage({
                     path: node.fields.slug,
@@ -61,6 +60,18 @@ exports.createPages = ({ graphql, actions }) => {
                     },
                 })
             })
+
+            // Temporary Vote page creation before data is available
+            createPage({
+                path: 'vote',
+                component: path.resolve(`./src/templates/vote-page.js`),
+                context: {
+                    // Data passed to context is available
+                    // in page queries as GraphQL variables.
+                    slug: 'vote',
+                },
+            })
+
             resolve()
         })
     })