67 lines
2 KiB
TypeScript
67 lines
2 KiB
TypeScript
// Copyright 2022 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import React, { memo, useCallback } from 'react';
|
|
import { useSelector } from 'react-redux';
|
|
import { CompositionRecording } from '../../components/CompositionRecording';
|
|
import { useAudioRecorderActions } from '../ducks/audioRecorder';
|
|
import { useComposerActions } from '../ducks/composer';
|
|
import { useToastActions } from '../ducks/toast';
|
|
import { getSelectedConversationId } from '../selectors/conversations';
|
|
import { getIntl } from '../selectors/user';
|
|
|
|
export type SmartCompositionRecordingProps = {
|
|
onBeforeSend: () => void;
|
|
};
|
|
|
|
export const SmartCompositionRecording = memo(
|
|
function SmartCompositionRecording({
|
|
onBeforeSend,
|
|
}: SmartCompositionRecordingProps) {
|
|
const i18n = useSelector(getIntl);
|
|
const selectedConversationId = useSelector(getSelectedConversationId);
|
|
const { errorRecording, cancelRecording, completeRecording } =
|
|
useAudioRecorderActions();
|
|
|
|
const { sendMultiMediaMessage, addAttachment } = useComposerActions();
|
|
const { hideToast, showToast } = useToastActions();
|
|
|
|
const handleCancel = useCallback(() => {
|
|
cancelRecording();
|
|
}, [cancelRecording]);
|
|
|
|
const handleSend = useCallback(() => {
|
|
if (selectedConversationId) {
|
|
completeRecording(selectedConversationId, voiceNoteAttachment => {
|
|
onBeforeSend();
|
|
sendMultiMediaMessage(selectedConversationId, {
|
|
voiceNoteAttachment,
|
|
});
|
|
});
|
|
}
|
|
}, [
|
|
selectedConversationId,
|
|
completeRecording,
|
|
onBeforeSend,
|
|
sendMultiMediaMessage,
|
|
]);
|
|
|
|
if (!selectedConversationId) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<CompositionRecording
|
|
i18n={i18n}
|
|
conversationId={selectedConversationId}
|
|
onCancel={handleCancel}
|
|
onSend={handleSend}
|
|
errorRecording={errorRecording}
|
|
addAttachment={addAttachment}
|
|
completeRecording={completeRecording}
|
|
showToast={showToast}
|
|
hideToast={hideToast}
|
|
/>
|
|
);
|
|
}
|
|
);
|