Change category to multiple tags

paysera · Jan 16, 2019 · 4ca375c · 4ca375c
1 parent bea65a9
commit 4ca375c
Show file tree

Hide file tree

Showing 10 changed files with 307 additions and 305 deletions.
diff --git a/gatsby-node.js b/gatsby-node.js
@@ -2,7 +2,6 @@ const _ = require('lodash');
 const BundleAnalyzerPlugin = require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
 const path = require('path');
 const Promise = require('bluebird');
-
 const {createFilePath} = require(`gatsby-source-filesystem`);
 
 const users = {};
@@ -59,7 +58,8 @@ exports.createPages = ({graphql, actions}) => {
     return new Promise((resolve, reject) => {
         const postTemplate = path.resolve("./src/templates/PostTemplate.js");
         const pageTemplate = path.resolve("./src/templates/PageTemplate.js");
-        const categoryTemplate = path.resolve("./src/templates/CategoryTemplate.js");
+        const tagTemplate = path.resolve("./src/templates/TagTemplate.js");
+
         resolve(
             graphql(`
               {
@@ -78,7 +78,7 @@ exports.createPages = ({graphql, actions}) => {
                       }
                       frontmatter {
                         title
-                        category
+                        tags
                       }
                     }
                   }
@@ -92,28 +92,25 @@ exports.createPages = ({graphql, actions}) => {
 
                 const items = result.data.allMarkdownRemark.edges;
 
-                // Create category list
-                const categorySet = new Set();
+                // Create tag list
+                const tagSet = new Set();
                 items.forEach(edge => {
                     const {
                         node: {
-                            frontmatter: {category}
+                            frontmatter: {tags}
                         }
                     } = edge;
-
-                    if (category && category !== null) {
-                        categorySet.add(category);
-                    }
+
+                    (tags || []).forEach(tag => tagSet.add(tag));
                 });
 
-                // Create category pages
-                const categoryList = Array.from(categorySet);
-                categoryList.forEach(category => {
+                // Create tag pages
+                tagSet.forEach(tag => {
                     createPage({
-                        path: `/category/${_.kebabCase(category)}/`,
-                        component: categoryTemplate,
+                        path: `/tag/${_.kebabCase(tag)}/`,
+                        component: tagTemplate,
                         context: {
-                            category
+                            tag
                         }
                     });
                 });
@@ -174,3 +171,4 @@ exports.onCreateWebpackConfig = ({stage, actions}, options) => {
             });
     }
 };
+
diff --git a/src/components/Blog/Item.js b/src/components/Blog/Item.js
@@ -16,8 +16,8 @@ const Item = props => {
       fields: { slug, prefix, author, readingTime: {text: readingTime} },
       frontmatter: {
         title,
-        category,
-        cover: cover
+        cover,
+        tags
       }
     }
   } = props;
@@ -46,9 +46,9 @@ const Item = props => {
             <span>
               <FaUser size={18} /> {author.frontmatter.name}
             </span>
-            {category && (
+            {tags && tags.map(tag =>
               <span>
-                <FaTag size={18} /> {category}
+                <FaTag size={18} /> {tag}
               </span>
             )}
           </p>