feat(unmute/track creation): pending indicator.

This commit is contained in:
Hristo Terezov
2023-05-18 14:16:37 -05:00
parent 06e86a2f3e
commit bb7ae777b0
20 changed files with 412 additions and 43 deletions

View File

@@ -3,6 +3,7 @@ import { keyframes } from 'tss-react';
import { makeStyles } from 'tss-react/mui';
interface IProps {
color?: string;
size?: 'small' | 'medium' | 'large';
}
@@ -12,7 +13,9 @@ const SIZE = {
large: 48
};
const useStyles = makeStyles()(() => {
const DEFAULT_COLOR = '#E6EDFA';
const useStyles = makeStyles<{ color?: string; }>()((_, { color }) => {
return {
container: {
verticalAlign: 'middle',
@@ -33,7 +36,7 @@ const useStyles = makeStyles()(() => {
circle: {
fill: 'none',
stroke: '#E6EDFA',
stroke: color,
strokeWidth: 1.5,
strokeLinecap: 'round',
strokeDasharray: 60,
@@ -53,8 +56,8 @@ const useStyles = makeStyles()(() => {
};
});
const Spinner = ({ size = 'medium' }: IProps) => {
const { classes } = useStyles();
const Spinner = ({ color = DEFAULT_COLOR, size = 'medium' }: IProps) => {
const { classes } = useStyles({ color });
return (
<svg