51 lines
1.9 KiB
TypeScript
51 lines
1.9 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 { getConversationSelector } from '../selectors/conversations';
|
|
import { getEditNicknameAndNoteModalProps } from '../selectors/globalModals';
|
|
import { strictAssert } from '../../util/assert';
|
|
import { EditNicknameAndNoteModal } from '../../components/EditNicknameAndNoteModal';
|
|
import { getIntl } from '../selectors/user';
|
|
import { useGlobalModalActions } from '../ducks/globalModals';
|
|
import type { NicknameAndNote } from '../ducks/conversations';
|
|
import { useConversationsActions } from '../ducks/conversations';
|
|
|
|
export const SmartEditNicknameAndNoteModal = memo(
|
|
function SmartEditNicknameAndNoteModal(): JSX.Element {
|
|
const props = useSelector(getEditNicknameAndNoteModalProps);
|
|
strictAssert(props != null, 'EditNicknameAndNoteModal requires props');
|
|
const { conversationId } = props;
|
|
|
|
const i18n = useSelector(getIntl);
|
|
const conversationSelector = useSelector(getConversationSelector);
|
|
const conversation = conversationSelector(conversationId);
|
|
strictAssert(
|
|
conversation != null,
|
|
'EditNicknameAndNoteModal requires conversation'
|
|
);
|
|
|
|
const { toggleEditNicknameAndNoteModal } = useGlobalModalActions();
|
|
const { updateNicknameAndNote } = useConversationsActions();
|
|
|
|
const handleSave = useCallback(
|
|
(nicknameAndNote: NicknameAndNote) => {
|
|
updateNicknameAndNote(conversationId, nicknameAndNote);
|
|
},
|
|
[conversationId, updateNicknameAndNote]
|
|
);
|
|
|
|
const handleClose = useCallback(() => {
|
|
toggleEditNicknameAndNoteModal(null);
|
|
}, [toggleEditNicknameAndNoteModal]);
|
|
|
|
return (
|
|
<EditNicknameAndNoteModal
|
|
i18n={i18n}
|
|
conversation={conversation}
|
|
onSave={handleSave}
|
|
onClose={handleClose}
|
|
/>
|
|
);
|
|
}
|
|
);
|