Add missing trailing slashes to links and URLs

decimoseptimo · Feb 12, 2021 · 15ecd8f · 15ecd8f
1 parent 71f2a06
commit 15ecd8f
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 11 deletions.
diff --git a/gatsby-node.js b/gatsby-node.js
@@ -74,7 +74,7 @@ exports.createPages = async ({ graphql, actions, reporter }) => {
 
   products.forEach(({ node }) => {
     createPage({
-      path: node.slug,
+      path: node.slug + '/',
       component: productView,
       context: {
         // Data passed to context is available
@@ -124,7 +124,7 @@ exports.createPages = async ({ graphql, actions, reporter }) => {
         allSubcategoriesIds,
         productsCount: products.length,
       },
-      pathPrefix: `/${slugify(i.name.toLowerCase())}`,
+      pathPrefix: `/${slugify(i.name.toLowerCase())}/`,
     })
   }
 
@@ -137,7 +137,7 @@ exports.createPages = async ({ graphql, actions, reporter }) => {
       context: {
         tag: tag.fieldValue,
       },
-      pathPrefix: `/tags/${slugify(tag.fieldValue.toLowerCase())}`,
+      pathPrefix: `/tags/${slugify(tag.fieldValue.toLowerCase())}/`,
     })
   })
 }
diff --git a/src/components/breadcrumbs.js b/src/components/breadcrumbs.js
@@ -12,7 +12,7 @@ const Breadcrumbs = ({ data }) => (
         </span>
         {data.map((i) => (
           <span className="item" key={i._id}>
-            <Link to={`/${slugify(i.name.toLowerCase())}`}>{i.name}</Link>
+            <Link to={`/${slugify(i.name.toLowerCase())}/`}>{i.name}</Link>
           </span>
         ))}
       </div>

diff --git a/src/components/sidepanel/panels/categories.js b/src/components/sidepanel/panels/categories.js
@@ -46,7 +46,7 @@ const Categories = () => {
 
   const ItemLink = ({ name, className='' }) => (
     <Link
-      to={`/${slugify(name.toLowerCase())}`}
+      to={`/${slugify(name.toLowerCase())}/`}
       replace
       className={className}
       activeClassName="active"

diff --git a/src/templates/categoryView.js b/src/templates/categoryView.js
@@ -20,17 +20,17 @@ const CategoryView = (props) => {
   const subcategories2 = (
     <div className="subcategories">
       {subcategories.map((i) => (
-        <SubcategoryLink to={`/${slugify(i.name.toLowerCase())}`} key={i._id}>
+        <SubcategoryLink to={`/${slugify(i.name.toLowerCase())}/`} key={i._id}>
           {i.name}
         </SubcategoryLink>
       ))}
     </div>
   )
 
-  const handlePageChange = (e, d) => {
-    d.activePage === 1
-      ? navigate(`/${slugify(category.name.toLowerCase())}`)
-      : navigate(`/${slugify(category.name.toLowerCase())}/${d.activePage}`)
+  const handlePageChange = (page) => {
+    page === 1
+      ? navigate(`/${slugify(category.name.toLowerCase())}/`)
+      : navigate(`/${slugify(category.name.toLowerCase())}/${page}/`)
   }
 
   return (

diff --git a/src/templates/productIndex.js b/src/templates/productIndex.js
@@ -9,7 +9,7 @@ const ProductIndex = (props) => {
   const products = props.data.allProductsJson.edges
 
   const handlePageChange = (page) => {
-    page === 1 ? navigate(`/`) : navigate(`/${page}`)
+    page === 1 ? navigate(`/`) : navigate(`/${page}/`)
   }
 
   return (