Merge pull request #237 from y-temp4/fix-invalid-date

ALIS-981: Fix to show correct published date

Author: keillera

app/components/atoms/ArticleCardContentDataPublishedAt.vue

@@ -1,9 +1,9 @@
 <template>
-  <p class="area-date">{{ formettedPublishedAt }}</p>
+  <p class="area-date">{{ formattedPublishedAt }}</p>
 </template>
 
 <script>
-import moment from 'moment'
+import { formatDate } from '~/utils/article'
 
 export default {
   props: {
@@ -13,10 +13,8 @@ export default {
     }
   },
   computed: {
-    formettedPublishedAt() {
-      return moment(this.publishedAt, 'X')
-        .locale('ja')
-        .format('L')
+    formattedPublishedAt() {
+      return formatDate(this.publishedAt)
     }
   }
 }

app/components/atoms/ArticleSubInfos.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="area-article-sub-infos-container">
     <div class="article-sub-info">
-      公開日：<span class="published-at">{{ formettedPublishedAt }}</span>
+      公開日：<span class="published-at">{{ formattedPublishedAt }}</span>
     </div>
     <div class="article-sub-info">
       獲得トークン：<span class="token-amount">{{ formattedTokenAmount }}</span>
@@ -11,7 +11,7 @@
 
 <script>
 import { BigNumber } from 'bignumber.js'
-import moment from 'moment'
+import { formatDate } from '~/utils/article'
 
 export default {
   props: {
@@ -25,10 +25,8 @@ export default {
     }
   },
   computed: {
-    formettedPublishedAt() {
-      return moment(this.createdAt, 'X')
-        .locale('ja')
-        .format('L')
+    formattedPublishedAt() {
+      return formatDate(this.publishedAt)
     },
     formattedTokenAmount() {
       if (this.tokenAmount === undefined) return

app/utils/article.js

@@ -1,4 +1,5 @@
 /* eslint-disable no-undef */
+import moment from 'moment'
 
 export function getThumbnails(images) {
   return images
@@ -33,3 +34,9 @@ export function showEmbedTweet({ $axios }) {
     iframely.load()
   })
 }
+
+export function formatDate(date) {
+  return moment(date, 'X')
+    .locale('ja')
+    .format('L')
+}