changed the date format on each table.

Author: talhainvenxion

src/ui/layouts/pipelines/Pipelines/List/getHeaderCols.tsx

@@ -2,10 +2,10 @@ import React from 'react';
 import ReactTooltip from 'react-tooltip';
 import { iconColors, iconSizes, ID_MAX_LENGTH } from '../../../../../constants';
 import {
-  formatDateToDisplay,
   truncate,
   getInitialsFromEmail,
   formatDateToSort,
+  formatDateToDisplayOnTable,
 } from '../../../../../utils';
 import {
   Box,
@@ -254,7 +254,7 @@ export const GetHeaderCols = ({
                 <icons.calendar color={iconColors.grey} size={iconSizes.sm} />
               </Box>
               <Paragraph color="grey" size="tiny">
-                {formatDateToDisplay(pipeline.created)}
+                {formatDateToDisplayOnTable(pipeline.created)}
               </Paragraph>
             </FlexBox>
           </div>

src/ui/layouts/pipelines/RunsTable/HeaderCols/index.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 import { iconColors, iconSizes, ID_MAX_LENGTH } from '../../../../../constants';
 import { translate } from '../translate';
 import {
-  formatDateToDisplay,
+  formatDateToDisplayOnTable,
   formatDateToSort,
   getInitialsFromEmail,
   truncate,
@@ -208,7 +208,7 @@ export const useHeaderCols = ({
                     />
                   </Box>
                   <Paragraph color="grey" size="tiny">
-                    {formatDateToDisplay(run.created)}
+                    {formatDateToDisplayOnTable(run.created)}
                   </Paragraph>
                 </FlexBox>
               </div>
@@ -538,7 +538,7 @@ export const useHeaderCols = ({
                     />
                   </Box>
                   <Paragraph color="grey" size="tiny">
-                    {formatDateToDisplay(run.created)}
+                    {formatDateToDisplayOnTable(run.created)}
                   </Paragraph>
                 </FlexBox>
               </div>

src/ui/layouts/settings/Organization/useHeaderCols.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { translate } from './translate';
 import {
   formatDateToDisplay,
+  formatDateToDisplayOnTable,
   formatDateToSort,
   getInitialsFromEmail,
 } from '../../../../utils';
@@ -206,7 +207,7 @@ export const useMemberHeaderCols = ({
                 <icons.calendar color={iconColors.grey} size={iconSizes.sm} />
               </Box>
               <Paragraph color="grey" size="tiny">
-                {formatDateToDisplay(member.created)}
+                {formatDateToDisplayOnTable(member.created)}
               </Paragraph>
             </FlexBox>
           </div>

src/ui/layouts/stackComponents/RunsTable/HeaderCols/index.tsx

@@ -6,10 +6,10 @@ import { iconColors, iconSizes, ID_MAX_LENGTH } from '../../../../../constants';
 import { useHistory } from '../../../../hooks';
 import { routePaths } from '../../../../../routes/routePaths';
 import {
-  formatDateToDisplay,
   truncate,
   getInitialsFromEmail,
   formatDateToSort,
+  formatDateToDisplayOnTable,
 } from '../../../../../utils';
 import {
   FlexBox,
@@ -300,7 +300,7 @@ export const useHeaderCols = ({
                 <icons.calendar color={iconColors.grey} size={iconSizes.sm} />
               </Box>
               <Paragraph color="grey" size="tiny">
-                {formatDateToDisplay(run.created)}
+                {formatDateToDisplayOnTable(run.created)}
               </Paragraph>
             </FlexBox>
           </div>

src/ui/layouts/stackComponents/Stacks/List/getHeaderCols.tsx

@@ -3,10 +3,10 @@ import React from 'react';
 import ReactTooltip from 'react-tooltip';
 import { iconColors, iconSizes, ID_MAX_LENGTH } from '../../../../../constants';
 import {
-  formatDateToDisplay,
   truncate,
   getInitialsFromEmail,
   formatDateToSort,
+  formatDateToDisplayOnTable,
 } from '../../../../../utils';
 import {
   Box,
@@ -310,7 +310,7 @@ export const GetHeaderCols = ({
                 <icons.calendar color={iconColors.grey} size={iconSizes.sm} />
               </Box>
               <Paragraph color="grey" size="tiny">
-                {formatDateToDisplay(stackComponent.created)}
+                {formatDateToDisplayOnTable(stackComponent.created)}
               </Paragraph>
             </FlexBox>
           </div>

src/ui/layouts/stacks/RunsTable/HeaderCols/index.tsx

@@ -4,10 +4,10 @@ import React from 'react';
 import { iconColors, iconSizes, ID_MAX_LENGTH } from '../../../../../constants';
 
 import {
-  formatDateToDisplay,
   truncate,
   getInitialsFromEmail,
   formatDateToSort,
+  formatDateToDisplayOnTable,
 } from '../../../../../utils';
 import { useHistory } from '../../../../hooks';
 import { routePaths } from '../../../../../routes/routePaths';
@@ -300,7 +300,7 @@ export const useHeaderCols = ({
                 <icons.calendar color={iconColors.grey} size={iconSizes.sm} />
               </Box>
               <Paragraph color="grey" size="tiny">
-                {formatDateToDisplay(run.created)}
+                {formatDateToDisplayOnTable(run.created)}
               </Paragraph>
             </FlexBox>
           </div>

src/ui/layouts/stacks/Stacks/List/getHeaderCols.tsx

@@ -3,10 +3,10 @@ import React from 'react';
 import ReactTooltip from 'react-tooltip';
 import { iconColors, iconSizes, ID_MAX_LENGTH } from '../../../../../constants';
 import {
-  formatDateToDisplay,
   truncate,
   getInitialsFromEmail,
   formatDateToSort,
+  formatDateToDisplayOnTable,
 } from '../../../../../utils';
 import {
   Box,
@@ -285,7 +285,7 @@ export const GetHeaderCols = ({
                 <icons.calendar color={iconColors.grey} size={iconSizes.sm} />
               </Box>
               <Paragraph color="grey" size="tiny">
-                {formatDateToDisplay(stack.created)}
+                {formatDateToDisplayOnTable(stack.created)}
               </Paragraph>
             </FlexBox>
           </div>

src/utils/date.ts

@@ -13,6 +13,11 @@ export const formatDateToDisplay = (dateString: Date): string => {
   if (typeof dateString === 'undefined' || !dateString) return '';
   return formatDateToFormat(dateString, `dd.MM.yyyy`);
 };
+
+export const formatDateToDisplayOnTable = (dateString: Date): string => {
+  if (typeof dateString === 'undefined' || !dateString) return '';
+  return formatDateToFormat(dateString, `dd.MM.yyyy HH:mm:ss`);
+};
 export const formatDateToSort = (dateString: Date): string => {
   if (typeof dateString === 'undefined' || !dateString) return '';
   return formatDateToFormat(dateString, `dd.MM.yyyy'T'HH:mm:ss.SSS'Z'`);