491f0cd08a
* Copyright headers 1 * Licence headers 2 * Copyright Headers 3 * Copyright Headers 4 * Copyright Headers 5 * Copyright Headers 6 * Copyright headers 7 * Add copyright headers for html and config file * Replace license files and update package.json * Update with CLA * lint
48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2022 The Matrix.org Foundation C.I.C.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
import React, { FC, useState, useEffect, memo } from "react";
|
|
import { MatrixRTCSession } from "matrix-js-sdk/src/matrixrtc";
|
|
|
|
import { formatPreciseDuration } from "../../../DateUtils";
|
|
|
|
interface CallDurationProps {
|
|
delta: number;
|
|
}
|
|
|
|
/**
|
|
* A call duration counter.
|
|
*/
|
|
export const CallDuration: FC<CallDurationProps> = memo(({ delta }) => {
|
|
// Clock desync could lead to a negative duration, so just hide it if that happens
|
|
if (delta <= 0) return null;
|
|
return <div className="mx_CallDuration">{formatPreciseDuration(delta)}</div>;
|
|
});
|
|
|
|
interface SessionDurationProps {
|
|
session: MatrixRTCSession | undefined;
|
|
}
|
|
|
|
/**
|
|
* A call duration counter that automatically counts up, given a matrixRTC session
|
|
* object.
|
|
*/
|
|
export const SessionDuration: FC<SessionDurationProps> = ({ session }) => {
|
|
const [now, setNow] = useState(() => Date.now());
|
|
|
|
useEffect(() => {
|
|
const timer = window.setInterval(() => setNow(Date.now()), 1000);
|
|
return () => clearInterval(timer);
|
|
}, []);
|
|
|
|
// This is a temporal solution.
|
|
// Using the oldest membership will update when this user leaves.
|
|
// This implies that the displayed call duration will also update consequently.
|
|
const createdTs = session?.getOldestMembership()?.createdTs();
|
|
return createdTs ? <CallDuration delta={now - createdTs} /> : <CallDuration delta={0} />;
|
|
};
|