From dc4d260c9bde30a3984fb5e104c9386fbed3f0e9 Mon Sep 17 00:00:00 2001
From: DanSylvest <cublakhan257@gmail.com>
Date: Fri, 10 Oct 2025 22:10:54 +0300
Subject: [PATCH] fix(Map): Fixed problem with rendering dropdown classes in
 signatures

---
 .../ui-kit/WHClassView/WHClassView.tsx        | 68 ++++++++++---------
 1 file changed, 35 insertions(+), 33 deletions(-)

diff --git a/assets/js/hooks/Mapper/components/ui-kit/WHClassView/WHClassView.tsx b/assets/js/hooks/Mapper/components/ui-kit/WHClassView/WHClassView.tsx
index 0622c71a..1b260fda 100644
--- a/assets/js/hooks/Mapper/components/ui-kit/WHClassView/WHClassView.tsx
+++ b/assets/js/hooks/Mapper/components/ui-kit/WHClassView/WHClassView.tsx
@@ -45,40 +45,42 @@ export const WHClassView = ({
   const whClass = useMemo(() => WORMHOLES_ADDITIONAL_INFO[whData.dest], [whData.dest]);
   const whClassStyle = WORMHOLE_CLASS_STYLES[whClass?.wormholeClassID] ?? '';
 
-  return (
-    <div className={clsx(classes.WHClassViewRoot, className)}>
-      {!hideTooltip && (
-        <WdTooltipWrapper
-          position={TooltipPosition.bottom}
-          content={
-            <div className="flex gap-3">
-              <div className="flex flex-col gap-1">
-                <InfoDrawer title="Total mass">{prepareMass(whData.total_mass)}</InfoDrawer>
-                <InfoDrawer title="Jump mass">{prepareMass(whData.max_mass_per_jump)}</InfoDrawer>
-              </div>
-              <div className="flex flex-col gap-1">
-                <InfoDrawer title="Lifetime">{whData.lifetime}h</InfoDrawer>
-                <InfoDrawer title="Mass regen">{prepareMass(whData.mass_regen)}</InfoDrawer>
-              </div>
-            </div>
-          }
-        >
-          <div
-            className={clsx(
-              classes.WHClassViewContent,
-              { [classes.NoOffset]: noOffset },
-              'wh-name select-none cursor-help',
-            )}
-          >
-            {!hideWhClassName && <span className={clsx({ [whClassStyle]: highlightName })}>{whClassName}</span>}
-            {!hideWhClass && whClass && (
-              <span className={clsx(classes.WHClassName, whClassStyle, classNameWh)}>
-                {useShortTitle ? whClass.shortTitle : whClass.shortName}
-              </span>
-            )}
-          </div>
-        </WdTooltipWrapper>
+  const content = (
+    <div
+      className={clsx(classes.WHClassViewContent, { [classes.NoOffset]: noOffset }, 'wh-name select-none cursor-help')}
+    >
+      {!hideWhClassName && <span className={clsx({ [whClassStyle]: highlightName })}>{whClassName}</span>}
+      {!hideWhClass && whClass && (
+        <span className={clsx(classes.WHClassName, whClassStyle, classNameWh)}>
+          {useShortTitle ? whClass.shortTitle : whClass.shortName}
+        </span>
       )}
     </div>
   );
+
+  if (hideTooltip) {
+    return <div className={clsx(classes.WHClassViewRoot, className)}>{content}</div>;
+  }
+
+  return (
+    <div className={clsx(classes.WHClassViewRoot, className)}>
+      <WdTooltipWrapper
+        position={TooltipPosition.bottom}
+        content={
+          <div className="flex gap-3">
+            <div className="flex flex-col gap-1">
+              <InfoDrawer title="Total mass">{prepareMass(whData.total_mass)}</InfoDrawer>
+              <InfoDrawer title="Jump mass">{prepareMass(whData.max_mass_per_jump)}</InfoDrawer>
+            </div>
+            <div className="flex flex-col gap-1">
+              <InfoDrawer title="Lifetime">{whData.lifetime}h</InfoDrawer>
+              <InfoDrawer title="Mass regen">{prepareMass(whData.mass_regen)}</InfoDrawer>
+            </div>
+          </div>
+        }
+      >
+        {content}
+      </WdTooltipWrapper>
+    </div>
+  );
 };