Fix lint errors blocking the Vercel build

- Escape apostrophe in the revoke-invitation ConfirmDialog description
  (react/no-unescaped-entities)
- Add role="tab" to the two tab-button arrays in PropertyDetailDrawer
  and DealPage so aria-selected is valid for that element
  (jsx-a11y/role-supports-aria-props)

The aria-selected warnings were pre-existing in those files but the
build now blocks on warnings as well as errors. The fix is the correct
ARIA pattern — these buttons are real tabs, role="tab" is what
aria-selected expects.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Khalim Conn-Kowlessar 2026-05-28 09:49:32 +00:00
parent d70b15e705
commit 676ad5b107
3 changed files with 3 additions and 1 deletions

View file

@ -589,7 +589,7 @@ export function UsersPermissionsCard({ portfolioId }: { portfolioId: string }) {
description={
pendingRevoke ? (
<>
<span className="font-medium">{pendingRevoke.email}</span> won't
<span className="font-medium">{pendingRevoke.email}</span> won&apos;t
be able to accept this invitation. You can invite them again
later.
</>

View file

@ -122,6 +122,7 @@ export default function PropertyDetailDrawer({
{TABS.map((tab) => (
<button
key={tab}
role="tab"
data-testid={`drawer-tab-${tab}`}
aria-selected={activeTab === tab}
onClick={() => setActiveTab(tab)}

View file

@ -220,6 +220,7 @@ export default function DealPage({
{VALID_TABS.map((tab) => (
<button
key={tab}
role="tab"
data-testid={`deal-page-tab-${tab}`}
aria-selected={activeTab === tab}
onClick={() => switchTab(tab)}