Rename BlogPostPage -> ArticlePage

web/src/Routes.js

@@ -26,6 +26,12 @@ const Routes = () => {
           <Route path="/admin/posts" page={PostPostsPage} name="posts" />
         </Set>
       </Private>
+      <Set wrap={BlogLayout}>
+        <Route path="/contact" page={ContactPage} name="contact" />
+        <Route path="/article/{id:Int}" page={ArticlePage} name="article" />
+        <Route path="/about" page={AboutPage} name="about" />
+        <Route path="/" page={HomePage} name="home" />
+      </Set>
       <Route notfound page={NotFoundPage} />
     </Router>
   )

web/src/pages/BlogPostPage/ArticlePage.js

@@ -0,0 +1,7 @@
+import BlogPostCell from 'src/components/BlogPostCell'
+
+const ArticlePage = ({ id }) => {
+  return <BlogPostCell id={id} />
+}
+
+export default ArticlePage

web/src/pages/BlogPostPage/ArticlePage.stories.js

@@ -0,0 +1,7 @@
+import ArticlePage from './ArticlePage'
+
+export const generated = () => {
+  return <ArticlePage />
+}
+
+export default { title: 'Pages/ArticlePage' }

web/src/pages/BlogPostPage/ArticlePage.test.js

@@ -1,11 +1,11 @@
 import { render } from '@redwoodjs/testing'
 
-import BlogPostPage from './BlogPostPage'
+import ArticlePage from './ArticlePage'
 
-describe('BlogPostPage', () => {
+describe('ArticlePage', () => {
   it('renders successfully', () => {
     expect(() => {
-      render(<BlogPostPage />)
+      render(<ArticlePage />)
     }).not.toThrow()
   })
 })

web/src/pages/BlogPostPage/BlogPostPage.js

@@ -1,9 +0,0 @@
-import BlogPostCell from 'src/components/BlogPostCell'
-
-const BlogPostPage = ({ id }) => {
-  return (
-    <BlogPostCell id={id} />
-  )
-}
-
-export default BlogPostPage

web/src/pages/BlogPostPage/BlogPostPage.stories.js

@@ -1,7 +0,0 @@
-import BlogPostPage from './BlogPostPage'
-
-export const generated = () => {
-  return <BlogPostPage />
-}
-
-export default { title: 'Pages/BlogPostPage' }