signal-desktop/ts/state/smart/NotePreviewModal.tsx
2024-03-26 12:48:33 -07:00

41 lines
1.5 KiB
TypeScript

// Copyright 2024 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
import React, { memo, useCallback } from 'react';
import { useSelector } from 'react-redux';
import { NotePreviewModal } from '../../components/NotePreviewModal';
import { strictAssert } from '../../util/assert';
import { getConversationSelector } from '../selectors/conversations';
import { getNotePreviewModalProps } from '../selectors/globalModals';
import { getIntl } from '../selectors/user';
import { useGlobalModalActions } from '../ducks/globalModals';
export const SmartNotePreviewModal = memo(function SmartNotePreviewModal() {
const i18n = useSelector(getIntl);
const props = useSelector(getNotePreviewModalProps);
strictAssert(props != null, 'props is required');
const { conversationId } = props;
const conversationSelector = useSelector(getConversationSelector);
const conversation = conversationSelector(conversationId);
strictAssert(conversation != null, 'conversation is required');
const { toggleNotePreviewModal, toggleEditNicknameAndNoteModal } =
useGlobalModalActions();
const handleClose = useCallback(() => {
toggleNotePreviewModal(null);
}, [toggleNotePreviewModal]);
const handleEdit = useCallback(() => {
toggleEditNicknameAndNoteModal({ conversationId });
}, [toggleEditNicknameAndNoteModal, conversationId]);
return (
<NotePreviewModal
conversation={conversation}
i18n={i18n}
onClose={handleClose}
onEdit={handleEdit}
/>
);
});