From abb793b16a23c70080118c1861b2dec9271fe6d8 Mon Sep 17 00:00:00 2001
From: Tessa Thornton <tessathornton@gmail.com>
Date: Mon, 12 Aug 2019 19:39:55 -0400
Subject: [PATCH] fix date formatting breaking user details popvoer (#2465)

---
 .../UserStatusDetailsContainer.tsx             | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/core/client/admin/components/UserHistoryDrawer/UserStatusDetailsContainer.tsx b/src/core/client/admin/components/UserHistoryDrawer/UserStatusDetailsContainer.tsx
index 3942104bc..5118533e4 100644
--- a/src/core/client/admin/components/UserHistoryDrawer/UserStatusDetailsContainer.tsx
+++ b/src/core/client/admin/components/UserHistoryDrawer/UserStatusDetailsContainer.tsx
@@ -52,12 +52,12 @@ const UserStatusDetailsContainer: FunctionComponent<Props> = ({ user }) => {
                 <div>
                   <Localized
                     id="userDetails-banned-on"
-                    $timestamp={formatter.format(activeBan.createdAt)}
+                    $timestamp={formatter.format(new Date(activeBan.createdAt))}
                     strong={<strong />}
                   >
                     <Typography>
                       <strong>Banned on </strong>{" "}
-                      {formatter.format(activeBan.createdAt)}
+                      {formatter.format(new Date(activeBan.createdAt))}
                     </Typography>
                   </Localized>
                   {activeBan.createdBy && (
@@ -91,21 +91,25 @@ const UserStatusDetailsContainer: FunctionComponent<Props> = ({ user }) => {
                   <Localized
                     id="userDetails-suspension-start"
                     strong={<strong />}
-                    $timestamp={formatter.format(activeSuspension.from.start)}
+                    $timestamp={formatter.format(
+                      new Date(activeSuspension.from.start)
+                    )}
                   >
                     <Typography>
                       <strong>Start: </strong>
-                      {formatter.format(activeSuspension.from.start)}
+                      {formatter.format(new Date(activeSuspension.from.start))}
                     </Typography>
                   </Localized>
                   <Localized
                     strong={<strong />}
-                    $timestamp={formatter.format(activeSuspension.from.finish)}
-                    id="userDetails-suspension-start"
+                    $timestamp={formatter.format(
+                      new Date(activeSuspension.from.finish)
+                    )}
+                    id="userDetails-suspension-finish"
                   >
                     <Typography>
                       <strong>End: </strong>
-                      {formatter.format(activeSuspension.from.finish)}
+                      {formatter.format(new Date(activeSuspension.from.finish))}
                     </Typography>
                   </Localized>
                 </div>