098a20db49
* feat: add full emoji picker using emoji-mart Fixes #4 * use a sailboat as the default emoji in the emoji picker * fix tests * fix lint
20 lines
766 B
JavaScript
20 lines
766 B
JavaScript
// I wrap the emoji-mart React code itself here, so that we don't need to pass in a huge "data"
|
|
// object via a JSON-stringified custom element attribute. Also, AFAICT there is no way when
|
|
// using `remount` to pass in functions as attributes, since everything is stringified. So
|
|
// I just fire a global event here when an emoji is clicked.
|
|
|
|
import data from 'emoji-mart/data/messenger.json'
|
|
import NimblePicker from 'emoji-mart/dist-es/components/picker/nimble-picker'
|
|
import React from 'react'
|
|
import { emit } from '../_utils/eventBus'
|
|
|
|
function onEmojiSelected (emoji) {
|
|
emit('emoji-selected', emoji)
|
|
}
|
|
|
|
export default props => React.createElement(NimblePicker, Object.assign({
|
|
set: 'messenger',
|
|
data,
|
|
native: true,
|
|
onSelect: onEmojiSelected
|
|
}, props))
|