From 12f774bfd761aa6c91980750a54eb7efd8ae886e Mon Sep 17 00:00:00 2001
From: Roman Rodionov <roman_rodionov@epam.com>
Date: Mon, 9 Sep 2024 15:49:23 +0200
Subject: [PATCH] #5427 - Preview tooltip for mixture ambiguous monomer shows
 wrong percentages

---
 .../AmbiguousMonomerPreview.tsx                        | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/ketcher-react/src/components/MonomerPreview/AmbiguousMonomerPreview/AmbiguousMonomerPreview.tsx b/packages/ketcher-react/src/components/MonomerPreview/AmbiguousMonomerPreview/AmbiguousMonomerPreview.tsx
index 8b0b95419f..94ae1c29db 100644
--- a/packages/ketcher-react/src/components/MonomerPreview/AmbiguousMonomerPreview/AmbiguousMonomerPreview.tsx
+++ b/packages/ketcher-react/src/components/MonomerPreview/AmbiguousMonomerPreview/AmbiguousMonomerPreview.tsx
@@ -78,6 +78,16 @@ const UnstyledAmbiguousMonomerPreview = ({ className, preview }: Props) => {
         return b.ratio - a.ratio;
       }
     });
+    if (!isAlternatives) {
+      const overallRatio = sortedData.reduce(
+        (acc, item) => acc + (item.ratio || 1),
+        0,
+      );
+
+      sortedData.forEach((entry) => {
+        entry.ratio = Math.round(((entry.ratio || 1) / overallRatio) * 100);
+      });
+    }
 
     return sortedData.slice(0, 5);
   }, [previewData, isAlternatives]);