Merge pull request #21 from Visual-Regression-Tracker/44-dateformat

44 dateformat

Author: pashidlos

src/_helpers/format.helper.ts

@@ -0,0 +1 @@
+export const formatDateTime = (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 { formatDateTime } 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}
+                      {formatDateTime(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/pages/ProjectListPage.tsx

@@ -27,6 +27,7 @@ import {
 import { Link } from "react-router-dom";
 import { Delete, Add } from "@material-ui/icons";
 import { routes } from "../constants";
+import { formatDateTime } from "../_helpers/format.helper";
 
 const ProjectsListPage = () => {
   const theme = useTheme();
@@ -115,7 +116,7 @@ const ProjectsListPage = () => {
               <CardContent>
                 <Typography>Key: {project.id}</Typography>
                 <Typography>Name: {project.name}</Typography>
-                <Typography>Updated: {project.updatedAt}</Typography>
+                <Typography>Created: {formatDateTime(project.createdAt)}</Typography>
               </CardContent>
               <CardActions>
                 <Button

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,6 @@ export interface Project {
   id: string;
   name: string;
   builds: Build[];
-  updatedAt: Date;
+  updatedAt: string;
+  createdAt: string;
 }