Skip to content

feat(integration): add tooltip to pending deletion - #121473

Open
sentaur-athena wants to merge 2 commits into
masterfrom
athena/deletion-note
Open

feat(integration): add tooltip to pending deletion#121473
sentaur-athena wants to merge 2 commits into
masterfrom
athena/deletion-note

Conversation

@sentaur-athena

@sentaur-athena sentaur-athena commented Aug 6, 2026

Copy link
Copy Markdown
Member
Screenshot 2026-08-06 at 11 38 50 AM

Fixes ISWF-1674

@sentaur-athena
sentaur-athena requested a review from a team as a code owner August 6, 2026 18:44
@linear-code

linear-code Bot commented Aug 6, 2026

Copy link
Copy Markdown

ISWF-1674

Comment on lines +347 to +356
<Button
size="sm"
disabled
tooltipProps={{
title: t('Deletion is in progress. This may take a few minutes.'),
isHoverable: true,
position: 'top',
}}
data-test-id="pending-deletion-button"
>

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Bug: The tooltip on the disabled 'Pending Deletion' button will never be displayed because disabled buttons do not fire the pointer events required to trigger the tooltip.
Severity: MEDIUM

Suggested Fix

To allow the tooltip to be triggered, wrap the disabled Button component in a <span> or <div>. Apply the tooltipProps to this new wrapper element, which can receive pointer events even when the button inside it is disabled. This will enable the tooltip to appear correctly on hover.

Prompt for AI Agent
Review the code at the location below. A potential bug has been identified by an AI
agent. Verify if this is a real issue. If it is, propose a fix; if not, explain why it's
not valid.

Location:
static/app/views/settings/organizationIntegrations/sentryAppDetailedView.tsx#L347-L356

Potential issue: A `Tooltip` is being applied to a `Button` component that is
conditionally `disabled`. According to standard browser behavior, HTML elements with the
`disabled` attribute do not fire pointer events such as `onPointerEnter` or
`onPointerLeave`. The `Tooltip` component's visibility is triggered by these events via
the `useHoverOverlay` hook. Since the disabled button blocks these events, the tooltip
intended to inform the user that "Deletion is in progress" will never appear. This makes
the feature added in the pull request non-functional, as there is no CSS mitigation like
`pointer-events: none` to work around this browser behavior.

Did we get this right? 👍 / 👎 to inform future reviews.

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

It does though 🤔 see the screen shot

@sentaur-athena
sentaur-athena enabled auto-merge (squash) August 6, 2026 20:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants