Update reaction picker visuals
This commit is contained in:
parent
1a3f87f7f6
commit
561bc0695f
10 changed files with 277 additions and 194 deletions
|
@ -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>
|
||||
);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue