da7aa4055e
* Conform more of the code base to strict null checking * More strict fixes * More strict work * Fix missing optional type * Iterate
53 lines
1.7 KiB
TypeScript
53 lines
1.7 KiB
TypeScript
/*
|
|
Copyright 2021 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
import React, { HTMLProps } from "react";
|
|
|
|
import { formatSeconds } from "../../../DateUtils";
|
|
|
|
interface Props extends Pick<HTMLProps<HTMLSpanElement>, "aria-live" | "role"> {
|
|
seconds: number;
|
|
formatFn?: (seconds: number) => string;
|
|
}
|
|
|
|
/**
|
|
* Simply converts seconds using formatFn.
|
|
* Defaulting to formatSeconds().
|
|
* Note that in this case hours will not be displayed, making it possible to see "82:29".
|
|
*/
|
|
export default class Clock extends React.Component<Props> {
|
|
public static defaultProps = {
|
|
formatFn: formatSeconds,
|
|
};
|
|
|
|
public constructor(props: Props) {
|
|
super(props);
|
|
}
|
|
|
|
public shouldComponentUpdate(nextProps: Readonly<Props>): boolean {
|
|
const currentFloor = Math.floor(this.props.seconds);
|
|
const nextFloor = Math.floor(nextProps.seconds);
|
|
return currentFloor !== nextFloor;
|
|
}
|
|
|
|
public render(): React.ReactNode {
|
|
return (
|
|
<span aria-live={this.props["aria-live"]} role={this.props.role} className="mx_Clock">
|
|
{this.props.formatFn(this.props.seconds)}
|
|
</span>
|
|
);
|
|
}
|
|
}
|