Update call lobby UI to match new designs
This commit is contained in:
parent
50c4fa06cc
commit
763c35e546
26 changed files with 857 additions and 435 deletions
|
@ -7,20 +7,26 @@ import { AvatarColorType } from '../types/Colors';
|
|||
|
||||
export type PropsType = {
|
||||
avatarPath?: string;
|
||||
children: React.ReactNode;
|
||||
children?: React.ReactNode;
|
||||
className?: string;
|
||||
color?: AvatarColorType;
|
||||
};
|
||||
|
||||
export const CallBackgroundBlur = ({
|
||||
avatarPath,
|
||||
children,
|
||||
className,
|
||||
color,
|
||||
}: PropsType): JSX.Element => {
|
||||
return (
|
||||
<div
|
||||
className={classNames('module-calling__background', {
|
||||
[`module-background-color__${color || 'default'}`]: !avatarPath,
|
||||
})}
|
||||
className={classNames(
|
||||
'module-calling__background',
|
||||
{
|
||||
[`module-background-color__${color || 'default'}`]: !avatarPath,
|
||||
},
|
||||
className
|
||||
)}
|
||||
>
|
||||
{avatarPath && (
|
||||
<div
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue