Skip to content

Conversation

@mrubens
Copy link
Collaborator

@mrubens mrubens commented Sep 23, 2025

Important

Remove tooltip from CloudAccountSwitcher component, simplifying the UI.

  • UI Changes:
    • Remove StandardTooltip from CloudAccountSwitcher in CloudAccountSwitcher.tsx, eliminating the tooltip on the account switcher.
  • Imports:
    • Remove unused import of StandardTooltip from CloudAccountSwitcher.tsx.

This description was created by Ellipsis for 3564ba3. You can customize this summary. It will automatically update as commits are pushed.

@mrubens mrubens requested review from cte and jr as code owners September 23, 2025 22:57
@dosubot dosubot bot added size:M This PR changes 30-99 lines, ignoring generated files. UI/UX UI/UX related or focused labels Sep 23, 2025
@dosubot dosubot bot added the lgtm This PR has been approved by a maintainer label Sep 23, 2025
@mrubens mrubens merged commit fc4ee93 into main Sep 23, 2025
18 checks passed
@github-project-automation github-project-automation bot moved this from Triage to Done in Roo Code Roadmap Sep 23, 2025
@mrubens mrubens deleted the remove_switcher_tooltip branch September 23, 2025 22:59
@github-project-automation github-project-automation bot moved this from New to Done in Roo Code Roadmap Sep 23, 2025
Copy link
Contributor

@roomote roomote bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Found issues that need attention.

aria-label={selectedOrgId ? currentOrg?.organization.name : t("cloud:personalAccount")}>
{renderAccountIcon()}
</SelectTrigger>
<div className="inline-block ml-1">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Accessibility concern: Removing the tooltip eliminates the "Switch account" text that provided context for what this component does. While the SelectTrigger still has an aria-label, removing the tooltip reduces discoverability for users who rely on hover tooltips to understand UI elements.

Consider keeping the tooltip for better UX, or ensure the aria-label provides sufficient context for screen reader users.

import { Building2 } from "lucide-react"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectSeparator } from "@/components/ui/select"
import { StandardTooltip } from "@src/components/ui"
import { useAppTranslation } from "@src/i18n/TranslationContext"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Unused import: After removing the StandardTooltip wrapper, this import is no longer needed and should be removed.

Also, the translation key is now unused anywhere in the codebase and should be removed from all translation files to avoid dead code.

{renderAccountIcon()}
</SelectTrigger>
<div className="inline-block ml-1">
<Select value={currentValue} onValueChange={handleOrganizationChange} disabled={isLoading}>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

UX consistency: The codebase extensively uses StandardTooltip (224 occurrences) to provide contextual information for interactive elements. Removing it from this component breaks the established UX pattern.

Consider if this change aligns with the overall UX strategy, as tooltips help users understand what UI elements do without having to interact with them first.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

lgtm This PR has been approved by a maintainer size:M This PR changes 30-99 lines, ignoring generated files. UI/UX UI/UX related or focused