From 37604a07f434878cb4177699be27b41923a3af00 Mon Sep 17 00:00:00 2001
From: Honnix <honnix@users.noreply.github.com>
Date: Fri, 25 Sep 2020 19:37:15 +0200
Subject: [PATCH] fix: Render timestamp of protobuf in UTC (#98)

---
 .../Literals/Scalar/PrimitiveValue.tsx        |  4 +--
 .../Scalar/test/PrimitiveValue.test.tsx       | 25 +++++++++++++++++++
 2 files changed, 27 insertions(+), 2 deletions(-)
 create mode 100644 src/components/Literals/Scalar/test/PrimitiveValue.test.tsx

diff --git a/src/components/Literals/Scalar/PrimitiveValue.tsx b/src/components/Literals/Scalar/PrimitiveValue.tsx
index d3f9e281c..4d3e28165 100644
--- a/src/components/Literals/Scalar/PrimitiveValue.tsx
+++ b/src/components/Literals/Scalar/PrimitiveValue.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { formatDate, protobufDurationToHMS } from 'common/formatters';
+import { formatDateUTC, protobufDurationToHMS } from 'common/formatters';
 import { timestampToDate } from 'common/utils';
 import { Primitive } from 'models';
 
@@ -10,7 +10,7 @@ function primitiveToString(primitive: Primitive): string {
         case 'boolean':
             return !!primitive.boolean ? 'true' : 'false';
         case 'datetime':
-            return formatDate(timestampToDate(primitive.datetime!));
+            return formatDateUTC(timestampToDate(primitive.datetime!));
         case 'duration':
             return protobufDurationToHMS(primitive.duration!);
         default:
diff --git a/src/components/Literals/Scalar/test/PrimitiveValue.test.tsx b/src/components/Literals/Scalar/test/PrimitiveValue.test.tsx
new file mode 100644
index 000000000..043e7b7b2
--- /dev/null
+++ b/src/components/Literals/Scalar/test/PrimitiveValue.test.tsx
@@ -0,0 +1,25 @@
+import { render } from '@testing-library/react';
+import * as React from 'react';
+
+import { Primitive } from 'models';
+import { PrimitiveValue } from '../PrimitiveValue';
+
+import { long } from 'test/utils';
+
+describe('PrimitiveValue', () => {
+    it('renders datetime', () => {
+        const primitive: Primitive = {
+            value: 'datetime',
+            datetime: {
+                seconds: long(3600),
+                nanos: 0
+            },
+            boolean: false,
+            integer: long(0),
+            floatValue: 0,
+            stringValue: ''
+        };
+        const { getByText } = render(<PrimitiveValue primitive={primitive} />);
+        expect(getByText('1/1/1970 1:00:00 AM UTC')).toBeInTheDocument();
+    });
+});