Pre-alpha: React with any emoji, behind flag

This commit is contained in:
Ken Powers 2020-05-05 15:49:34 -04:00 committed by Scott Nonnenberg
parent d13c3d3350
commit 0865a5481c
31 changed files with 572 additions and 234 deletions

View file

@ -8,7 +8,14 @@ import { setup as setupI18n } from '../../../js/modules/i18n';
// @ts-ignore
import enMessages from '../../../_locales/en/messages.json';
import { Message, PropsActions, PropsData, PropsHousekeeping } from './Message';
import {
Message,
Props as AllProps,
PropsActions,
PropsData,
PropsHousekeeping,
} from './Message';
import { EmojiPicker } from '../emoji/EmojiPicker';
const book = storiesOf('Components/Conversation/Message', module);
@ -1267,6 +1274,21 @@ const stories: Array<MessageStory> = [
],
];
const renderEmojiPicker: AllProps['renderEmojiPicker'] = ({
onClose,
onPickEmoji,
ref,
}) => (
<EmojiPicker
i18n={setupI18n('en', enMessages)}
skinTone={0}
onSetSkinTone={action('EmojiPicker::onSetSkinTone')}
ref={ref}
onClose={onClose}
onPickEmoji={onPickEmoji}
/>
);
stories.forEach(([chapterTitle, propsArr]) =>
book.add(chapterTitle, () =>
propsArr.map(
@ -1294,6 +1316,7 @@ stories.forEach(([chapterTitle, propsArr]) =>
{...dataProps}
{...makeActionProps()}
{...makeHouseKeepingProps()}
renderEmojiPicker={renderEmojiPicker}
/>
</div>
</>