+
{shouldShowLocalVideo ? (
diff --git a/ts/components/conversation/ReactionPicker.tsx b/ts/components/conversation/ReactionPicker.tsx
index 99c475d97b7..006028c2bf7 100644
--- a/ts/components/conversation/ReactionPicker.tsx
+++ b/ts/components/conversation/ReactionPicker.tsx
@@ -27,7 +27,6 @@ export type OwnProps = {
onClose?: () => unknown;
onPick: (emoji: string) => unknown;
onSetSkinTone: (tone: number) => unknown;
- isCustomizePreferredReactionsHidden?: boolean;
openCustomizePreferredReactionsModal?: () => unknown;
preferredReactionEmoji: ReadonlyArray
;
renderEmojiPicker: (props: RenderEmojiPickerProps) => React.ReactElement;
@@ -42,7 +41,6 @@ export const ReactionPicker = React.forwardRef(
onClose,
onPick,
onSetSkinTone,
- isCustomizePreferredReactionsHidden,
openCustomizePreferredReactionsModal,
preferredReactionEmoji,
renderEmojiPicker,
@@ -80,11 +78,8 @@ export const ReactionPicker = React.forwardRef(
const [focusRef] = useDelayedRestoreFocus();
if (pickingOther) {
- const onClickSettings = isCustomizePreferredReactionsHidden
- ? undefined
- : openCustomizePreferredReactionsModal;
return renderEmojiPicker({
- onClickSettings,
+ onClickSettings: openCustomizePreferredReactionsModal,
onClose,
onPickEmoji,
onSetSkinTone,
diff --git a/ts/reactions/constants.ts b/ts/reactions/constants.ts
index b33c9f3c0f6..d28382aa0de 100644
--- a/ts/reactions/constants.ts
+++ b/ts/reactions/constants.ts
@@ -9,3 +9,15 @@ export const DEFAULT_PREFERRED_REACTION_EMOJI_SHORT_NAMES = [
'open_mouth',
'cry',
];
+
+// This is used in storybook for simplicity. Normally we prefer to convert emoji short
+// names to actual emoji using convertShortNameToData from components/emoji/lib
+// because it takes skin tone into consideration.
+export const DEFAULT_PREFERRED_REACTION_EMOJI = [
+ '❤️',
+ '👍',
+ '👎',
+ '😂',
+ '😮',
+ '😢',
+];
diff --git a/ts/state/smart/ReactionPicker.tsx b/ts/state/smart/ReactionPicker.tsx
index ed9c43107d5..8c3d9b33ace 100644
--- a/ts/state/smart/ReactionPicker.tsx
+++ b/ts/state/smart/ReactionPicker.tsx
@@ -22,15 +22,12 @@ type ExternalProps = Omit<
| 'preferredReactionEmoji'
| 'selectionStyle'
| 'skinTone'
-> & {
- preferredReactionEmoji?: ReadonlyArray;
-};
+>;
export const SmartReactionPicker = React.forwardRef<
HTMLDivElement,
ExternalProps
>(function SmartReactionPickerInner(props, ref) {
- const { preferredReactionEmoji } = props;
const { openCustomizePreferredReactionsModal } =
usePreferredReactionsActions();
@@ -38,10 +35,9 @@ export const SmartReactionPicker = React.forwardRef<
const i18n = useSelector(getIntl);
- const statePreferredReactionEmoji = useSelector<
- StateType,
- ReadonlyArray
- >(getPreferredReactionEmoji);
+ const preferredReactionEmoji = useSelector>(
+ getPreferredReactionEmoji
+ );
return (
);
});