- human readable dates

Signed-off-by: Dave Richer <dave@imexsystems.ca>
This commit is contained in:
Dave Richer
2024-01-23 12:54:38 -05:00
parent f59bdf9030
commit 5de4ef5d83
2 changed files with 24 additions and 8 deletions

View File

@@ -54,7 +54,9 @@ export function JobLifecycleComponent({bodyshop, job, ...rest}) {
'duration',
'type',
'created_at',
'updated_at'
'updated_at',
'start_readable',
'end_readable',
];
const columns = columnKeys.map(key => ({
@@ -71,7 +73,7 @@ export function JobLifecycleComponent({bodyshop, job, ...rest}) {
const entires = Object
.entries(lifecycleData.durations)
.filter(([name, value]) => {
return value !== 0;
return value > 0;
})
return entires.map(([name, value], index) => (
@@ -88,7 +90,7 @@ export function JobLifecycleComponent({bodyshop, job, ...rest}) {
*/
const durationsData = useCallback(() => {
return Object.entries(lifecycleData.durations) .filter(([name, value]) => {
return value !== 0;
return value > 0;
}).map(([name, value]) => ({
name,
value: value / 1000
@@ -108,7 +110,7 @@ export function JobLifecycleComponent({bodyshop, job, ...rest}) {
<Timeline>
{lifecycleData.lifecycle.map((item, index) => (
<Timeline.Item key={index} color={item.value === 'Open' ? 'green' : item.value === 'Scheduled' ? 'yellow' : 'red'}>
{item.value} - {new Date(item.start).toLocaleString()}
{item.value} - {item.start_readable}
</Timeline.Item>
))}
</Timeline>