jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(ui) - live session item duration change

Browse source
This commit is contained in:
Shekar Siri 2022-02-10 23:55:26 +01:00
parent 23c0c5aa1f
commit 75b0351dfd
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/app/components/shared/SessionItem/Counter.tsx
View file

@ -1,5 +1,6 @@
import React, { useState, useEffect } from 'react'
import { Duration } from 'luxon';
import { durationFormatted, formatTimeOrDate } from 'App/date';
interface Props {
startTime: any,
@ -9,6 +10,7 @@ interface Props {
function Counter({ startTime, className }: Props) {
let intervalId;
const [duration, setDuration] = useState(new Date().getTime() - startTime)
const formattedDuration = durationFormatted(Duration.fromMillis(duration));
useEffect(() => {
if (!intervalId) {
@ -21,7 +23,7 @@ function Counter({ startTime, className }: Props) {
return (
<div className={className}>
{startTime && Duration.fromMillis(duration).toFormat('m:ss')}
{startTime && formattedDuration}
</div>
)
}