Update reaction picker visuals

This commit is contained in:
Evan Hahn 2021-09-07 16:30:58 -05:00 committed by GitHub
parent 1a3f87f7f6
commit 561bc0695f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 277 additions and 194 deletions

View file

@ -15,6 +15,7 @@ export type OwnProps = {
skinTone?: SkinToneKey | number;
size?: EmojiSizeType;
children?: React.ReactNode;
title?: string;
};
export type Props = OwnProps &
@ -27,7 +28,15 @@ export type Props = OwnProps &
export const Emoji = React.memo(
React.forwardRef<HTMLDivElement, Props>(
(
{ style = {}, size = 28, shortName, skinTone, emoji, className }: Props,
{
className,
emoji,
shortName,
size = 28,
skinTone,
style = {},
title,
}: Props,
ref
) => {
let image = '';
@ -50,8 +59,8 @@ export const Emoji = React.memo(
<img
className={`module-emoji__image--${size}px`}
src={image}
aria-label={emoji}
title={emoji}
aria-label={title ?? emoji}
title={title ?? emoji}
/>
</span>
);