66 lines
2.4 KiB
TypeScript
66 lines
2.4 KiB
TypeScript
// Copyright 2021 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
import React, { memo } from 'react';
|
|
import { useSelector } from 'react-redux';
|
|
import { usePreferredReactionsActions } from '../ducks/preferredReactions';
|
|
import { useItemsActions } from '../ducks/items';
|
|
import { getIntl } from '../selectors/user';
|
|
import { getEmojiSkinTone } from '../selectors/items';
|
|
import { useRecentEmojis } from '../selectors/emojis';
|
|
import { getCustomizeModalState } from '../selectors/preferredReactions';
|
|
import { CustomizingPreferredReactionsModal } from '../../components/CustomizingPreferredReactionsModal';
|
|
import { strictAssert } from '../../util/assert';
|
|
|
|
export const SmartCustomizingPreferredReactionsModal = memo(
|
|
function SmartCustomizingPreferredReactionsModal(): JSX.Element {
|
|
const i18n = useSelector(getIntl);
|
|
const customizeModalState = useSelector(getCustomizeModalState);
|
|
const skinTone = useSelector(getEmojiSkinTone);
|
|
const recentEmojis = useRecentEmojis();
|
|
|
|
const {
|
|
cancelCustomizePreferredReactionsModal,
|
|
deselectDraftEmoji,
|
|
replaceSelectedDraftEmoji,
|
|
resetDraftEmoji,
|
|
savePreferredReactions,
|
|
selectDraftEmojiToBeReplaced,
|
|
} = usePreferredReactionsActions();
|
|
const { onSetSkinTone } = useItemsActions();
|
|
|
|
strictAssert(
|
|
customizeModalState != null,
|
|
'<SmartCustomizingPreferredReactionsModal> requires a modal'
|
|
);
|
|
|
|
const {
|
|
hadSaveError,
|
|
isSaving,
|
|
draftPreferredReactions,
|
|
originalPreferredReactions,
|
|
selectedDraftEmojiIndex,
|
|
} = customizeModalState;
|
|
|
|
return (
|
|
<CustomizingPreferredReactionsModal
|
|
cancelCustomizePreferredReactionsModal={
|
|
cancelCustomizePreferredReactionsModal
|
|
}
|
|
deselectDraftEmoji={deselectDraftEmoji}
|
|
draftPreferredReactions={draftPreferredReactions}
|
|
hadSaveError={hadSaveError}
|
|
i18n={i18n}
|
|
isSaving={isSaving}
|
|
onSetSkinTone={onSetSkinTone}
|
|
originalPreferredReactions={originalPreferredReactions}
|
|
recentEmojis={recentEmojis}
|
|
replaceSelectedDraftEmoji={replaceSelectedDraftEmoji}
|
|
resetDraftEmoji={resetDraftEmoji}
|
|
savePreferredReactions={savePreferredReactions}
|
|
selectDraftEmojiToBeReplaced={selectDraftEmojiToBeReplaced}
|
|
selectedDraftEmojiIndex={selectedDraftEmojiIndex}
|
|
skinTone={skinTone}
|
|
/>
|
|
);
|
|
}
|
|
);
|