Init Nicknames & Notes

ts/state/smart/EditNicknameAndNoteModal.tsx

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