import { GiphyContent, GiphyGridView, GiphyMediaType } from '@giphy/react-native-sdk'; import React, { useCallback, useState } from 'react'; import { useTranslation } from 'react-i18next'; import { useDispatch } from 'react-redux'; import { createGifSentEvent, sendAnalytics } from '../../../analytics'; import JitsiScreen from '../../../base/modal/components/JitsiScreen'; import { sendMessage } from '../../../chat/actions.any'; import { goBack } from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef'; import ClearableInput from '../../../participants-pane/components/native/ClearableInput'; import { formatGifUrlMessage, getGifUrl } from '../../functions'; import GifsMenuFooter from './GifsMenuFooter'; import styles from './styles'; const GifsMenu = () => { const [ searchQuery, setSearchQuery ] = useState(''); const dispatch = useDispatch(); const { t } = useTranslation(); const content = searchQuery === '' ? GiphyContent.trending({ mediaType: GiphyMediaType.Gif }) : GiphyContent.search({ searchQuery, mediaType: GiphyMediaType.Gif }); const sendGif = useCallback(e => { const url = getGifUrl(e.nativeEvent.media); sendAnalytics(createGifSentEvent()); dispatch(sendMessage(formatGifUrlMessage(url), true)); goBack(); }, []); return ( ); }; export default GifsMenu;