From 3988028256f2d0d03fb49f3f7f4a6e4a22bbd3ab Mon Sep 17 00:00:00 2001
From: Gisle Aune <dev@gisle.me>
Date: Fri, 19 Apr 2019 16:21:59 +0200
Subject: [PATCH] story-content: Fixed comment fictional dates being affected
 by browser timezone.

---
 marko/page/story-content/components/comment/index.marko | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/marko/page/story-content/components/comment/index.marko b/marko/page/story-content/components/comment/index.marko
index 39ccbfb..21c01cc 100644
--- a/marko/page/story-content/components/comment/index.marko
+++ b/marko/page/story-content/components/comment/index.marko
@@ -47,7 +47,9 @@ import moment from "moment"
           </tr>
           <tr if(input.comment.fictionalDate != null)>
             <th>Date:</th>
-            <td>${moment(input.comment.fictionalDate).format("MMM D, YYYY")}</td>
+            <td>
+              <date utc value=input.comment.fictionalDate></date>
+            </td>
           </tr>
         </tbody>
       </table>
@@ -69,7 +71,7 @@ import moment from "moment"
           <markdown class="body" source=paragraph>
             <if (input.comment.fictionalDate)>
               <span class="decoration color-menu">[</span>
-              <date class="color-menu" value=input.comment.fictionalDate></date>
+              <date utc class="color-menu" value=input.comment.fictionalDate></date>
               <span class="decoration color-menu">]&nbsp;</span>
             </if>
             <span class="decoration color-menu">&lt;</span>
@@ -108,7 +110,7 @@ import moment from "moment"
       </div>
       <chapter-meta kind="title" value=input.comment.subject />
       <chapter-meta kind="name" value=input.comment.characterName character=(input.comment.character) ukAuthor=input.comment.author />
-      <chapter-meta kind="date" value=input.comment.fictionalDate />
+      <chapter-meta utc kind="date" value=input.comment.fictionalDate />
       <chapter-meta weak kind="date" value=input.comment.createdDate />
       <chapter-meta weak kind="author" value=input.comment.author />
     </div>