22 lines
845 B
JavaScript
22 lines
845 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 NimblePicker from 'emoji-mart/dist-modern/components/picker/nimble-picker'
|
|
import React from 'react'
|
|
import { emit } from '../_utils/eventBus'
|
|
|
|
function onEmojiSelected (emoji) {
|
|
emit('emoji-selected', emoji)
|
|
}
|
|
|
|
export default function createEmojiMartPickerFromData (data) {
|
|
return props => React.createElement(NimblePicker, Object.assign({
|
|
set: 'twitter', // same as Mastodon frontend
|
|
data, // same as Mastodon frontend
|
|
native: true,
|
|
onSelect: onEmojiSelected
|
|
}, props))
|
|
}
|