revert(dashboard): keep MissionManager dual mobile/desktop title spans

The previous commit collapsed both header spans into a single isMobile-
conditional render, but that broke 3 desktop-header tests that
intentionally assert on both spans being present (the CSS handles
visibility). The real fix for the "Found multiple elements" failures
was the localStorage.clear() in beforeEach; the structural change was
unnecessary. Restore the original dual-render markup.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
gsxdsm
2026-05-19 18:04:08 -07:00
parent acfc55b804
commit 8809bc9ea5

View File

@@ -4205,13 +4205,10 @@ export function MissionManager({ isOpen, isInline = false, onClose, addToast, pr
)}
<Target size={18} className="mission-manager__header-icon" />
<h2 className="mission-manager__title" data-testid="mission-header-title">
{isMobile ? (
<span className="mission-manager__title-text mission-manager__title-text--mobile">
{selectedMission ? selectedMission.title : "Missions"}
</span>
) : (
<span className="mission-manager__title-text mission-manager__title-text--desktop">Missions</span>
)}
<span className="mission-manager__title-text mission-manager__title-text--desktop">Missions</span>
<span className="mission-manager__title-text mission-manager__title-text--mobile">
{selectedMission ? selectedMission.title : "Missions"}
</span>
</h2>
</div>
{!isInline && (