Show leave button and spinner while requesting to join call link

This commit is contained in:
ayumi-signal 2024-05-02 13:57:17 -07:00 committed by GitHub
parent c18559b6da
commit bd5134a7ce
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 132 additions and 11 deletions

View file

@ -0,0 +1,40 @@
// Copyright 2024 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
import React from 'react';
import classNames from 'classnames';
export const SpinnerSvgSizes = ['small', 'normal'] as const;
export type SpinnerSvgSize = typeof SpinnerSvgSizes[number];
export type Props = {
className?: string;
size: number;
strokeWidth: number;
};
export function SpinnerV2({
className,
size,
strokeWidth,
}: Props): JSX.Element {
return (
<svg
className={classNames('SpinnerV2', className)}
viewBox={`0 0 ${size * 2} ${size * 2}`}
style={{
height: size,
width: size,
}}
>
<circle
className="SpinnerV2__Path"
cx={size}
cy={size}
r={size * 0.8}
fill="none"
strokeWidth={strokeWidth}
/>
</svg>
);
}