Init Nicknames & Notes

ts/state/smart/NotePreviewModal.tsx

@@ -0,0 +1,41 @@
+// 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}
+    />
+  );
+});