From f9598ee51ad8dc180e96021caffa8d95a8ab65f4 Mon Sep 17 00:00:00 2001
From: Ilya Asiyuk <ilya_asiyuk@epam.com>
Date: Fri, 12 Apr 2024 13:58:59 +0400
Subject: [PATCH] #4455 - 'Update sequence' modal window: display the number of
 nucleotides to be changed

---
 .../UpdateSequenceInRNABuilder.test.tsx                       | 2 +-
 .../UpdateSequenceInRNABuilder/UpdateSequenceInRNABuilder.tsx | 4 +++-
 .../__snapshots__/UpdateSequenceInRNABuilder.test.tsx.snap    | 4 +++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/ketcher-macromolecules/src/components/modal/UpdateSequenceInRNABuilder/UpdateSequenceInRNABuilder.test.tsx b/packages/ketcher-macromolecules/src/components/modal/UpdateSequenceInRNABuilder/UpdateSequenceInRNABuilder.test.tsx
index c29babf6a4..e1f9bd27e0 100644
--- a/packages/ketcher-macromolecules/src/components/modal/UpdateSequenceInRNABuilder/UpdateSequenceInRNABuilder.test.tsx
+++ b/packages/ketcher-macromolecules/src/components/modal/UpdateSequenceInRNABuilder/UpdateSequenceInRNABuilder.test.tsx
@@ -38,7 +38,7 @@ describe('UpdateSequenceInRNABuilder modal component', () => {
           <UpdateSequenceInRNABuilder {...mockProps} />,
           {
             rnaBuilder: {
-              sequenceSelection: [labeledNucleotide],
+              sequenceSelection: [labeledNucleotide, labeledNucleotide],
             },
           },
         ),
diff --git a/packages/ketcher-macromolecules/src/components/modal/UpdateSequenceInRNABuilder/UpdateSequenceInRNABuilder.tsx b/packages/ketcher-macromolecules/src/components/modal/UpdateSequenceInRNABuilder/UpdateSequenceInRNABuilder.tsx
index d44b399065..11bc8b1bce 100644
--- a/packages/ketcher-macromolecules/src/components/modal/UpdateSequenceInRNABuilder/UpdateSequenceInRNABuilder.tsx
+++ b/packages/ketcher-macromolecules/src/components/modal/UpdateSequenceInRNABuilder/UpdateSequenceInRNABuilder.tsx
@@ -39,6 +39,7 @@ const UpdateSequenceInRNABuilder = ({ isModalOpen, onClose }: Props) => {
   const dispatch = useAppDispatch();
   const sequenceSelection = useAppSelector(selectSequenceSelection);
   const editor = useAppSelector(selectEditor);
+  const countOfSequenceSelection = sequenceSelection.length;
   const onCloseCallback = useCallback(() => {
     onClose();
   }, [onClose]);
@@ -69,7 +70,8 @@ const UpdateSequenceInRNABuilder = ({ isModalOpen, onClose }: Props) => {
     >
       <Modal.Content>
         <TextWrapper>
-          You are going to make multiple changes in your sequence. Are you sure?
+          You are going to modify {countOfSequenceSelection} nucleotides. Are
+          you sure?
         </TextWrapper>
       </Modal.Content>
       <Modal.Footer>
diff --git a/packages/ketcher-macromolecules/src/components/modal/UpdateSequenceInRNABuilder/__snapshots__/UpdateSequenceInRNABuilder.test.tsx.snap b/packages/ketcher-macromolecules/src/components/modal/UpdateSequenceInRNABuilder/__snapshots__/UpdateSequenceInRNABuilder.test.tsx.snap
index 0e0d9f5507..fdd2b0a7a6 100644
--- a/packages/ketcher-macromolecules/src/components/modal/UpdateSequenceInRNABuilder/__snapshots__/UpdateSequenceInRNABuilder.test.tsx.snap
+++ b/packages/ketcher-macromolecules/src/components/modal/UpdateSequenceInRNABuilder/__snapshots__/UpdateSequenceInRNABuilder.test.tsx.snap
@@ -75,7 +75,9 @@ Object {
             <div
               class="css-pp7hf1"
             >
-              You are going to make multiple changes in your sequence. Are you sure?
+              You are going to modify 
+              2
+               nucleotides. Are you sure?
             </div>
           </div>
           <div