reafctor(article): rename prop from post to article (close #171)

In `article` component
hituzi-no-sippo · Jan 28, 2020 · 0bdb846 · 0bdb846
1 parent 510ddbf
commit 0bdb846
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 32 deletions.
diff --git a/CHANGELOG.adoc b/CHANGELOG.adoc
@@ -4,9 +4,10 @@
 :author: {author-name}
 :!email: {author-email}
 :revnumber: Branch refactor/collect-codes-to-one-directory-and-update-prop-types \
-            v1.0.0 (Base v1.72.0)
-:revdate: 2020-01-28T12:56:52+0900
-:revremark: Add log that delete useless comments.
+            v1.1.0 (Base v1.72.0)
+:revdate: 2020-01-28T12:59:58+0900
+:revremark: Add log that \
+            rename prop from `post` to `article` in `article` component.
 :doctype: article
 :description: gatsby-simple-blog-with-asciidoctor Change Log
 :title:
@@ -117,6 +118,8 @@ ifndef::env-github[:icons: font]
 --
 * Collect `LanguageBar` component codes. (close link:{issues-url}/155[#155^])
 * Delete useless comments. (close link:{issues-url}/170[#170^])
+* Rename prop from `post` to `article` in `article` component.
+  (close link:{issues-url}/171[#171^])
 
 === Docs
 

diff --git a/src/components/Article/Footer.js b/src/components/Article/Footer.js
@@ -5,16 +5,16 @@ import minimatch from 'minimatch';
 
 import { repository, articles } from 'config'
 
-const Footer = ({post}) => {
+const Footer = ({article}) => {
   if (!(articles.dir && articles.filePath
       && (repository.url || articles.isOtherRepositroy))) {
     return null;
   }
 
   const filePath = (() => {
-    let value = post;
+    let value = article;
 
-    articles.filePath[post.internal.type].split('.').some(path => {
+    articles.filePath[article.internal.type].split('.').some(path => {
       value = Object.prototype.hasOwnProperty.call(value, path)
         ? value[path]
         : null;
@@ -52,7 +52,7 @@ const Footer = ({post}) => {
 }
 
 Footer.propTypes = {
-  post: PropTypes.object.isRequired,
+  article: PropTypes.object.isRequired,
 };
 
 export default Footer;
diff --git a/src/components/Article/Header/index.js b/src/components/Article/Header/index.js
@@ -9,10 +9,10 @@ import { rhythm, scale } from 'utils/typography';
 import TranslationsLink from './TranslationsLink';
 
 
-const Header = ({post, slug, translationsLink, languageContexts}) => {
+const Header = ({article, slug, translationsLink, languageContexts}) => {
   return (
     <header>
-      <h1>{post.document.title}</h1>
+      <h1>{article.document.title}</h1>
       <p
         style={{
           ...scale(-1 / 5),
@@ -22,24 +22,24 @@ const Header = ({post, slug, translationsLink, languageContexts}) => {
         }}
       >
         <AccessoryInformations
-          dateStr={post.revision.date}
-          timeToRead={post.timeToRead}
+          dateStr={article.revision.date}
+          timeToRead={article.timeToRead}
           disqus={{
-            id: post.id,
-            title: post.document.title,
+            id: article.id,
+            title: article.document.title,
             slug,
-            show: post.pageAttributes.disqus !== false,
+            show: article.pageAttributes.disqus !== false,
           }}
           author={{
-            name: post.author.fullName,
-            url: post.pageAttributes.author_url,
-            twitter: post.pageAttributes.author_twitter,
+            name: article.author.fullName,
+            url: article.pageAttributes.author_url,
+            twitter: article.pageAttributes.author_twitter,
           }}
         />
       </p>
 
-      {post.pageAttributes.tags &&
-       <TagList tags={post.pageAttributes.tags}
+      {article.pageAttributes.tags &&
+       <TagList tags={article.pageAttributes.tags}
         baseUrl={`${languageContexts.homeLink}tags`} />}
       <TranslationsLink
         translationsLink={translationsLink}
@@ -50,7 +50,7 @@ const Header = ({post, slug, translationsLink, languageContexts}) => {
 }
 
 Header.propTypes = {
-  post: PropTypes.object.isRequired,
+  article: PropTypes.object.isRequired,
   slug: PropTypes.string.isRequired,
   translationsLink: PropTypes.array.isRequired,
   languageContexts: PropTypes.object.isRequired,

diff --git a/src/components/Article/index.js b/src/components/Article/index.js
@@ -5,23 +5,23 @@ import Header from './Header'
 import LightWeightMarkup from './LightweightMarkup'
 import Footer from './Footer'
 
-const Article = ({post, slug, translationsLink, languageContexts}) => {
+const Article = ({article, slug, translationsLink, languageContexts}) => {
   return (
     <article>
       <Header
-       post={post}
-       slug={slug}
-       translationsLink={translationsLink}
-       languageContexts={languageContexts}
+        article={article}
+        slug={slug}
+        translationsLink={translationsLink}
+        languageContexts={languageContexts}
       />
-      <LightWeightMarkup html={post.html}/>
-      <Footer post={post}/>
+      <LightWeightMarkup html={article.html}/>
+      <Footer article={article}/>
     </article>
   );
 }
 
 Article.propTypes = {
-  post: PropTypes.object.isRequired,
+  article: PropTypes.object.isRequired,
   slug: PropTypes.string.isRequired,
   translationsLink: PropTypes.array.isRequired,
   languageContexts: PropTypes.object.isRequired,

diff --git a/src/templates/blog-post.js b/src/templates/blog-post.js
@@ -33,10 +33,10 @@ function BlogPostTemplate({ data, pageContext, location }) {
         }}
       />
       <Article
-       post={post}
-       slug={pageContext.slug}
-       translationsLink={translationsLink}
-       languageContexts={languageContexts}
+        article={post}
+        slug={pageContext.slug}
+        translationsLink={translationsLink}
+        languageContexts={languageContexts}
       />
 
       <RelativePosts