Properly style call buttons across app, when already in a call

This commit is contained in:
Scott Nonnenberg 2024-08-27 06:48:41 +10:00 committed by GitHub
parent 3c25092f50
commit c251867699
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
39 changed files with 610 additions and 189 deletions

View file

@ -43,6 +43,7 @@ export enum ButtonIconType {
export type PropsType = {
className?: string;
disabled?: boolean;
discouraged?: boolean;
icon?: ButtonIconType;
size?: ButtonSize;
style?: CSSProperties;
@ -105,6 +106,7 @@ export const Button = React.forwardRef<HTMLButtonElement, PropsType>(
children,
className,
disabled = false,
discouraged = false,
icon,
style,
tabIndex,
@ -143,8 +145,10 @@ export const Button = React.forwardRef<HTMLButtonElement, PropsType>(
'module-Button',
sizeClassName,
variantClassName,
discouraged ? `${variantClassName}--discouraged` : undefined,
icon && `module-Button--icon--${icon}`,
className
className,
className && discouraged ? `${className}--discouraged` : undefined
)}
disabled={disabled}
onClick={onClick}