mirror of
https://github.com/element-hq/element-call.git
synced 2026-09-11 07:05:35 +00:00
Hugh Nimmo-Smith
ba5da7e9af
* Inform user that their camera is starting Instead of just showing a grey box. * Review feedback * Show spinner from design suggestion * useMemo * Lint * Lint * Feedback from review * Use colour that actually exists * Refactor into Avatar superclass * . * Remove size limit behaviour * Add VideoPreview tests
31 lines
698 B
TypeScript
31 lines
698 B
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only
|
|
Please see LICENSE in the repository root for full details.
|
|
*/
|
|
|
|
import { type FC } from "react";
|
|
import { InlineSpinner } from "@vector-im/compound-web";
|
|
|
|
import styles from "./TileAvatar.module.css";
|
|
import { Avatar, type Props as AvatarProps } from "../Avatar";
|
|
|
|
interface Props extends AvatarProps {
|
|
size: number;
|
|
loading?: boolean;
|
|
}
|
|
|
|
export const TileAvatar: FC<Props> = ({ size, loading, ...props }) => {
|
|
return (
|
|
<div>
|
|
{loading && (
|
|
<div className={styles.loading}>
|
|
<InlineSpinner size={size / 3} />
|
|
</div>
|
|
)}
|
|
<Avatar size={size} {...props} />
|
|
</div>
|
|
);
|
|
};
|