// Copyright 2020-2021 Signal Messenger, LLC // SPDX-License-Identifier: AGPL-3.0-only import * as React from 'react'; import { useSelector } from 'react-redux'; import { StateType } from '../reducer'; import { useActions as usePreferredReactionsActions } from '../ducks/preferredReactions'; import { getIntl } from '../selectors/user'; import { getEmojiSkinTone, getPreferredReactionEmoji, } from '../selectors/items'; import { LocalizerType } from '../../types/Util'; import { ReactionPicker, ReactionPickerSelectionStyle, Props, } from '../../components/conversation/ReactionPicker'; type ExternalProps = Omit< Props, | 'i18n' | 'openCustomizePreferredReactionsModal' | 'preferredReactionEmoji' | 'selectionStyle' | 'skinTone' >; export const SmartReactionPicker = React.forwardRef< HTMLDivElement, ExternalProps >((props, ref) => { const { openCustomizePreferredReactionsModal, } = usePreferredReactionsActions(); const i18n = useSelector(getIntl); const preferredReactionEmoji = useSelector>( getPreferredReactionEmoji ); const skinTone = useSelector(state => getEmojiSkinTone(state) ); return ( ); });