mirror of
https://github.com/owncast/owncast.git
synced 2024-10-10 19:16:02 +00:00
30 lines
730 B
TypeScript
30 lines
730 B
TypeScript
import data from '@emoji-mart/data';
|
|
import React, { useRef, useEffect } from 'react';
|
|
|
|
export default function EmojiPicker(props) {
|
|
const ref = useRef();
|
|
|
|
// TODO: Pull this custom emoji data in from the emoji API.
|
|
const custom = [
|
|
{
|
|
emojis: [
|
|
{
|
|
id: 'party_parrot',
|
|
name: 'Party Parrot',
|
|
keywords: ['dance', 'dancing'],
|
|
skins: [{ src: 'https://watch.owncast.online/img/emoji/bluntparrot.gif' }],
|
|
},
|
|
],
|
|
},
|
|
];
|
|
|
|
// TODO: Fix the emoji picker from throwing errors.
|
|
// useEffect(() => {
|
|
// import('emoji-mart').then(EmojiMart => {
|
|
// new EmojiMart.Picker({ ...props, data, ref });
|
|
// });
|
|
// }, []);
|
|
|
|
return <div ref={ref} />;
|
|
}
|