Calling Reactions

ts/components/CallManager.tsx

@@ -33,6 +33,7 @@ import type {
   CancelCallType,
   DeclineCallType,
   KeyChangeOkType,
+  SendGroupCallReactionType,
   SetGroupCallVideoRequestType,
   SetLocalAudioType,
   SetLocalPreviewType,
@@ -43,6 +44,8 @@ import type {
 import type { LocalizerType, ThemeType } from '../types/Util';
 import { missingCaseError } from '../util/missingCaseError';
 import { CallingToastProvider } from './CallingToast';
+import type { SmartReactionPicker } from '../state/smart/ReactionPicker';
+import type { Props as ReactionPickerProps } from './conversation/ReactionPicker';
 
 const GROUP_CALL_RING_DURATION = 60 * 1000;
 
@@ -72,6 +75,9 @@ export type PropsType = {
       };
   keyChangeOk: (_: KeyChangeOkType) => void;
   renderDeviceSelection: () => JSX.Element;
+  renderReactionPicker: (
+    props: React.ComponentProps<typeof SmartReactionPicker>
+  ) => JSX.Element;
   renderSafetyNumberViewer: (props: SafetyNumberProps) => JSX.Element;
   startCall: (payload: StartCallType) => void;
   toggleParticipants: () => void;
@@ -81,6 +87,7 @@ export type PropsType = {
   declineCall: (_: DeclineCallType) => void;
   i18n: LocalizerType;
   isGroupCallOutboundRingEnabled: boolean;
+  isGroupCallReactionsEnabled: boolean;
   me: ConversationType;
   notifyForCall: (
     conversationId: string,
@@ -89,6 +96,7 @@ export type PropsType = {
   ) => unknown;
   openSystemPreferencesAction: () => unknown;
   playRingtone: () => unknown;
+  sendGroupCallReaction: (payload: SendGroupCallReactionType) => void;
   setGroupCallVideoRequest: (_: SetGroupCallVideoRequestType) => void;
   setIsCallActive: (_: boolean) => void;
   setLocalAudio: (_: SetLocalAudioType) => void;
@@ -107,7 +115,7 @@ export type PropsType = {
   toggleSettings: () => void;
   isConversationTooBigToRing: boolean;
   pauseVoiceNotePlayer: () => void;
-};
+} & Pick<ReactionPickerProps, 'renderEmojiPicker'>;
 
 type ActiveCallManagerPropsType = PropsType & {
   activeCall: ActiveCallType;
@@ -122,6 +130,7 @@ function ActiveCallManager({
   hangUpActiveCall,
   i18n,
   isGroupCallOutboundRingEnabled,
+  isGroupCallReactionsEnabled,
   keyChangeOk,
   getGroupCallVideoFrameSource,
   getPreferredBadge,
@@ -129,7 +138,10 @@ function ActiveCallManager({
   me,
   openSystemPreferencesAction,
   renderDeviceSelection,
+  renderEmojiPicker,
+  renderReactionPicker,
   renderSafetyNumberViewer,
+  sendGroupCallReaction,
   setGroupCallVideoRequest,
   setLocalAudio,
   setLocalPreview,
@@ -329,8 +341,12 @@ function ActiveCallManager({
         groupMembers={groupMembers}
         hangUpActiveCall={hangUpActiveCall}
         i18n={i18n}
+        isGroupCallReactionsEnabled={isGroupCallReactionsEnabled}
         me={me}
         openSystemPreferencesAction={openSystemPreferencesAction}
+        renderEmojiPicker={renderEmojiPicker}
+        renderReactionPicker={renderReactionPicker}
+        sendGroupCallReaction={sendGroupCallReaction}
         setGroupCallVideoRequest={setGroupCallVideoRequestForConversation}
         setLocalPreview={setLocalPreview}
         setRendererCanvas={setRendererCanvas}