mirror of
https://github.com/wanderer-industries/wanderer
synced 2025-12-14 19:55:51 +00:00
fix(Map): Fixed problem with rendering dropdown classes in signatures
This commit is contained in:
@@ -45,40 +45,42 @@ export const WHClassView = ({
|
|||||||
const whClass = useMemo(() => WORMHOLES_ADDITIONAL_INFO[whData.dest], [whData.dest]);
|
const whClass = useMemo(() => WORMHOLES_ADDITIONAL_INFO[whData.dest], [whData.dest]);
|
||||||
const whClassStyle = WORMHOLE_CLASS_STYLES[whClass?.wormholeClassID] ?? '';
|
const whClassStyle = WORMHOLE_CLASS_STYLES[whClass?.wormholeClassID] ?? '';
|
||||||
|
|
||||||
return (
|
const content = (
|
||||||
<div className={clsx(classes.WHClassViewRoot, className)}>
|
<div
|
||||||
{!hideTooltip && (
|
className={clsx(classes.WHClassViewContent, { [classes.NoOffset]: noOffset }, 'wh-name select-none cursor-help')}
|
||||||
<WdTooltipWrapper
|
>
|
||||||
position={TooltipPosition.bottom}
|
{!hideWhClassName && <span className={clsx({ [whClassStyle]: highlightName })}>{whClassName}</span>}
|
||||||
content={
|
{!hideWhClass && whClass && (
|
||||||
<div className="flex gap-3">
|
<span className={clsx(classes.WHClassName, whClassStyle, classNameWh)}>
|
||||||
<div className="flex flex-col gap-1">
|
{useShortTitle ? whClass.shortTitle : whClass.shortName}
|
||||||
<InfoDrawer title="Total mass">{prepareMass(whData.total_mass)}</InfoDrawer>
|
</span>
|
||||||
<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>
|
|
||||||
)}
|
)}
|
||||||
</div>
|
</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>
|
||||||
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user