Changeset View
Changeset View
Standalone View
Standalone View
js_modules/dagit/packages/core/src/runs/TimeElapsed.tsx
Show First 20 Lines • Show All 43 Lines • ▼ Show 20 Lines | export const TimeElapsed = (props: Props) => { | ||||
return ( | return ( | ||||
<Group direction="row" spacing={4} alignItems="center"> | <Group direction="row" spacing={4} alignItems="center"> | ||||
<Icon | <Icon | ||||
icon="time" | icon="time" | ||||
iconSize={13} | iconSize={13} | ||||
color={Colors.GRAY3} | color={Colors.GRAY3} | ||||
style={{position: 'relative', top: '-1px'}} | style={{position: 'relative', top: '-1px'}} | ||||
/> | /> | ||||
<span style={{fontVariantNumeric: 'tabular-nums'}}> | <span style={{cursor: 'default', fontVariantNumeric: 'tabular-nums'}}> | ||||
{startTime ? formatElapsedTime((endTime || Date.now()) - startTime) : ''} | {startTime ? formatElapsedTime((endTime || Date.now()) - startTime) : ''} | ||||
</span> | </span> | ||||
</Group> | </Group> | ||||
); | ); | ||||
}; | }; |