golang/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2025-11-03 13:01:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

Limit chat input to max characters. Closes #2109

Browse Source
This commit is contained in:
Gabe Kangas
2022-10-08 22:33:43 -07:00
parent 2c7be0db10
commit cd3722d9f1
4 changed files with 80 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web/components/chat/ChatTextField/EmojiPicker.tsx
View File

@ -1,17 +1,14 @@
import React, { useEffect, useRef, useState } from 'react';
import React, { FC, useEffect, useRef, useState } from 'react';
import { createPicker } from 'picmo';
const CUSTOM_EMOJI_URL = '/api/emoji';
interface Props {
// eslint-disable-next-line react/no-unused-prop-types
export type EmojiPickerProps = {
onEmojiSelect: (emoji: string) => void;
onCustomEmojiSelect: (emoji: string) => void;
}
onCustomEmojiSelect: (name: string, url: string) => void;
};
// eslint-disable-next-line @typescript-eslint/no-unused-vars
export const EmojiPicker = (props: Props) => {
export const EmojiPicker: FC<EmojiPickerProps> = ({ onEmojiSelect, onCustomEmojiSelect }) => {
const [customEmoji, setCustomEmoji] = useState([]);
const { onEmojiSelect, onCustomEmojiSelect } = props;
const ref = useRef();
const getCustomEmoji = async () => {
@ -46,9 +43,9 @@ export const EmojiPicker = (props: Props) => {
});
picker.addEventListener('emoji:select', event => {
if (event.url) {
onCustomEmojiSelect(event);
onCustomEmojiSelect(event.name, event.url);
} else {
onEmojiSelect(event);
onEmojiSelect(event.emoji);
}
});
}, [customEmoji]);