testing refactor of slugs method

src/lib/getContent.js

@@ -2,6 +2,8 @@ import path from 'path';
 import fs from 'fs';
 import matter from 'gray-matter';
 
+const createSlugFromMd = (filename) => filename.replace('.md', '');
+
 const formattedDate = (date) => {
   // get day in format: Month day, Year. e.g. April 19, 2020
   const options = { year: 'numeric', month: 'long', day: 'numeric' };
@@ -24,7 +26,7 @@ export const fileContent = (directory, file) => {
 
     // use the filename as the slug and return the content
     return {
-      slug: file.replace('.md', ''),
+      slug: createSlugFromMd(file),
       frontmatter,
       content,
     };
@@ -49,24 +51,17 @@ export const directoryContent = (directory, fullPath = '') => {
       );
     return fileContents;
   } catch (error) {
-    return null;
+    return [];
   }
 };
 
-export const slugs = (directory) => {
+export const directorySlugs = (directory) => {
   const filesPath = path.resolve(`./public/content/${directory}`);
 
   try {
     const files = fs.readdirSync(filesPath);
-
-    const paths = files.map((file) => ({
-      params: {
-        slug: file.replace('.md', ''),
-      },
-    }));
-
-    return paths;
+    return files.map((file) => createSlugFromMd(file));
   } catch (error) {
-    return null;
+    return [];
   }
 };

src/pages/posts/[slug].jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { fileContent, slugs } from 'src/lib/getContent';
+import { fileContent, directorySlugs } from 'src/lib/getContent';
 
 import SiteLayout from 'src/components/layouts/SiteLayout';
 import PostLayout from 'src/components/layouts/PostLayout';
@@ -17,7 +17,12 @@ const Slug = ({ post }) => (
 );
 
 export async function getStaticPaths() {
-  const paths = slugs('posts');
+  const postSlugs = directorySlugs('posts');
+  const paths = postSlugs.map((slug) => ({
+    params: {
+      slug,
+    },
+  }));
 
   return {
     paths,