added

Author: pashidlos

src/_helpers/format.helper.ts

@@ -0,0 +1 @@
+export const formatDate = (date: string) => new Date(date).toLocaleString();

src/components/BuildList.tsx

@@ -22,6 +22,7 @@ import {
 } from "../contexts";
 import { BuildStatusChip } from "./BuildStatusChip";
 import { SkeletonList } from "./SkeletonList";
+import { formatDate } from "../_helpers/format.helper";
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
@@ -75,7 +76,7 @@ const BuildList: FunctionComponent = () => {
                 <Grid container direction="column">
                   <Grid item>
                     <Typography variant="caption" color="textPrimary">
-                      {build.createdAt}
+                      {formatDate(build.createdAt)}
                     </Typography>
                   </Grid>
                   <Grid item>

src/components/DateFormated.tsx

@@ -0,0 +1,32 @@
+import React from "react";
+import {
+  Button,
+  Popper,
+  Fade,
+  Paper,
+  makeStyles,
+  TextField,
+  Badge,
+  IconButton,
+} from "@material-ui/core";
+import {
+  usePopupState,
+  bindToggle,
+  bindPopper,
+} from "material-ui-popup-state/hooks";
+import { Comment } from "@material-ui/icons";
+
+interface IProps {
+  text: string | undefined;
+}
+
+export const DateFormatted: React.FunctionComponent<IProps> = ({
+  text,
+}) => {
+
+  return (
+    <React.Fragment>
+      
+    </React.Fragment>
+  );
+};

src/types/baseline.ts

@@ -5,7 +5,7 @@ export interface Baseline {
   baselineName: string;
   testRunId: string;
   testVariationId: string;
-  createdAt: Date;
-  updatedAt: Date;
+  createdAt: string;
+  updatedAt: string;
   testRun: TestRun;
 }

src/types/build.ts

@@ -6,7 +6,7 @@ export interface Build {
   projectName: string;
   branchName: string;
   status: BuildStatus;
-  createdAt: Date;
+  createdAt: string;
   createdBy: string;
   testRuns: TestRun[];
 

src/types/project.ts

@@ -4,5 +4,5 @@ export interface Project {
   id: string;
   name: string;
   builds: Build[];
-  updatedAt: Date;
+  updatedAt: string;
 }