69ee8fd96a
* Add commercial licence and update config files
* Update license in headers
* Revert "Update license in headers"
This reverts commit 7ed7949485.
* Update only spdx id
* Remove LicenseRef- from package.json
LicenseRef- no longer allowed in npm v3 package.json
This fixes the warning in the logs and failing build check.
28 lines
954 B
TypeScript
28 lines
954 B
TypeScript
/*
|
||
Copyright 2024 New Vector Ltd.
|
||
Copyright 2020-2022 The Matrix.org Foundation C.I.C.
|
||
|
||
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
||
Please see LICENSE files in the repository root for full details.
|
||
*/
|
||
|
||
import React from "react";
|
||
|
||
import { useSmoothAnimation } from "../../../hooks/useSmoothAnimation";
|
||
|
||
interface IProps {
|
||
value: number;
|
||
max: number;
|
||
animated?: boolean;
|
||
}
|
||
|
||
const PROGRESS_BAR_ANIMATION_DURATION = 300;
|
||
const ProgressBar: React.FC<IProps> = ({ value, max, animated = true }) => {
|
||
// Animating progress bars via CSS transition isn’t possible in all of our supported browsers yet.
|
||
// As workaround, we’re using animations through JS requestAnimationFrame
|
||
const currentValue = useSmoothAnimation(0, value, animated ? PROGRESS_BAR_ANIMATION_DURATION : 0);
|
||
return <progress className="mx_ProgressBar" max={max} value={currentValue} />;
|
||
};
|
||
|
||
export default ProgressBar;
|