mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Show "no groups in common" warning for relevant message requests

Browse source
This commit is contained in:
Evan Hahn 2021-04-30 17:58:57 -05:00 • committed by GitHub
parent 05703c2719
commit fe772af251
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 321 additions and 122 deletions
Download patch file Download diff file Expand all files Collapse all files

22
ts/components/Button.tsx
View file

@ -6,6 +6,11 @@ import classNames from 'classnames';
import { assert } from '../util/assert';
export enum ButtonSize {
Medium,
Small,
}
export enum ButtonVariant {
Primary,
Secondary,
@ -17,6 +22,7 @@ export enum ButtonVariant {
type PropsType = {
className?: string;
disabled?: boolean;
size?: ButtonSize;
variant?: ButtonVariant;
} & (
| {
@ -41,6 +47,11 @@ type PropsType = {
}
);
const SIZE_CLASS_NAMES = new Map<ButtonSize, string>([
[ButtonSize.Medium, 'module-Button--medium'],
[ButtonSize.Small, 'module-Button--small'],
]);
const VARIANT_CLASS_NAMES = new Map<ButtonVariant, string>([
[ButtonVariant.Primary, 'module-Button--primary'],
[ButtonVariant.Secondary, 'module-Button--secondary'],
@ -61,6 +72,7 @@ export const Button = React.forwardRef<HTMLButtonElement, PropsType>(
children,
className,
disabled = false,
size = ButtonSize.Medium,
variant = ButtonVariant.Primary,
} = props;
const ariaLabel = props['aria-label'];
@ -75,13 +87,21 @@ export const Button = React.forwardRef<HTMLButtonElement, PropsType>(
({ type } = props);
}
const sizeClassName = SIZE_CLASS_NAMES.get(size);
assert(sizeClassName, '<Button> size not found');
const variantClassName = VARIANT_CLASS_NAMES.get(variant);
assert(variantClassName, '<Button> variant not found');
return (
<button
aria-label={ariaLabel}
className={classNames('module-Button', variantClassName, className)}
className={classNames(
'module-Button',
sizeClassName,
variantClassName,
className
)}
disabled={disabled}
onClick={onClick}
ref={ref}