2023-02-26 19:34:57 +00:00
|
|
|
import { Picker as EmojiPicker } from 'emoji-mart';
|
2022-06-24 02:41:48 +00:00
|
|
|
import React, { useRef, useEffect } from 'react';
|
2020-03-27 20:59:38 +00:00
|
|
|
|
2022-07-11 20:09:41 +00:00
|
|
|
import { joinPublicPath } from 'soapbox/utils/static';
|
|
|
|
|
2022-07-10 09:06:37 +00:00
|
|
|
import data from '../data';
|
2022-07-09 17:02:21 +00:00
|
|
|
|
2022-07-09 22:31:14 +00:00
|
|
|
const getSpritesheetURL = (set: string) => {
|
2022-07-11 20:09:41 +00:00
|
|
|
return require('emoji-datasource/img/twitter/sheets/32.png');
|
|
|
|
};
|
2022-07-09 22:31:14 +00:00
|
|
|
|
|
|
|
const getImageURL = (set: string, name: string) => {
|
2022-07-11 20:09:41 +00:00
|
|
|
return joinPublicPath(`/packs/emoji/${name}.svg`);
|
|
|
|
};
|
2022-07-09 22:31:14 +00:00
|
|
|
|
2023-02-26 19:34:57 +00:00
|
|
|
function Picker(props: any) {
|
2022-06-26 03:55:17 +00:00
|
|
|
const ref = useRef(null);
|
2022-06-24 02:41:48 +00:00
|
|
|
|
|
|
|
useEffect(() => {
|
2022-07-09 22:31:14 +00:00
|
|
|
const input = { ...props, data, ref, getImageURL, getSpritesheetURL };
|
2022-06-24 02:41:48 +00:00
|
|
|
|
|
|
|
new EmojiPicker(input);
|
|
|
|
}, []);
|
|
|
|
|
|
|
|
return <div ref={ref} />;
|
|
|
|
}
|
2022-06-26 03:55:17 +00:00
|
|
|
|
|
|
|
export {
|
2022-06-29 08:25:57 +00:00
|
|
|
Picker,
|
|
|
|
};
|