From 729eeeb9e4afa04a704b9f6b888f3d0a10e1c9f1 Mon Sep 17 00:00:00 2001
From: adambasha0 <adambasha1992@gmail.com>
Date: Tue, 8 Oct 2024 10:40:36 +0000
Subject: [PATCH] refactor: hoverover text for yield and conversion fields in
 reaction scheme

---
 .../reactions/schemeTab/MaterialGroup.js      | 38 +++++++++++--------
 1 file changed, 22 insertions(+), 16 deletions(-)

diff --git a/app/packs/src/apps/mydb/elements/details/reactions/schemeTab/MaterialGroup.js b/app/packs/src/apps/mydb/elements/details/reactions/schemeTab/MaterialGroup.js
index a9a8812cbc..88ce1125ee 100644
--- a/app/packs/src/apps/mydb/elements/details/reactions/schemeTab/MaterialGroup.js
+++ b/app/packs/src/apps/mydb/elements/details/reactions/schemeTab/MaterialGroup.js
@@ -156,22 +156,28 @@ function GeneralMaterialGroup({
     );
   }
 
-  const yieldConversionRateFields = () => (
-    <div>
-      <ToggleButton
-        isToggledInitial={displayYieldField}
-        onToggle={switchYield}
-        onLabel="Yield"
-        offLabel="C.R."
-        onColor="transparent"
-        offColor="transparent"
-        tooltipOn="Click to switch to conversion rate field"
-        tooltipOff="Click to switch to yield field"
-        fontSize="14px"
-        fontWeight="bold"
-      />
-    </div>
-  );
+  const yieldConversionRateFields = () => {
+    const conversionText = 'Click to switch to conversion field.'
+    + ' The conversion will not be displayed as part of the reaction scheme';
+    const yieldText = 'Click to switch to yield field.'
+    + ' The yield will be displayed as part of the reaction scheme';
+    return (
+      <div>
+        <ToggleButton
+          isToggledInitial={displayYieldField}
+          onToggle={switchYield}
+          onLabel="Yield"
+          offLabel="Conv."
+          onColor="transparent"
+          offColor="transparent"
+          tooltipOn={conversionText}
+          tooltipOff={yieldText}
+          fontSize="14px"
+          fontWeight="bold"
+        />
+      </div>
+    );
+  };
 
   if (materialGroup === 'products') {
     headers.group = 'Products';