Fix missing aria identifiers for the Extensions tab

Signed-off-by: Michael Telatynski <[email protected]>
matrix-org · Aug 6, 2024 · 69ac1cc · 69ac1cc
1 parent ca8d63a
commit 69ac1cc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/components/views/right_panel/ExtensionsCard.tsx b/src/components/views/right_panel/ExtensionsCard.tsx
@@ -205,7 +205,14 @@ const ExtensionsCard: React.FC<Props> = ({ room, onClose }) => {
     }
 
     return (
-        <BaseCard header={header} className="mx_ExtensionsCard" onClose={onClose} hideHeaderButtons>
+        <BaseCard
+            header={header}
+            className="mx_ExtensionsCard"
+            onClose={onClose}
+            hideHeaderButtons
+            id="extensions-panel"
+            ariaLabelledBy="extensions-panel-tab"
+        >
             {body}
         </BaseCard>
     );

diff --git a/src/components/views/right_panel/RightPanelTabs.tsx b/src/components/views/right_panel/RightPanelTabs.tsx
@@ -98,7 +98,7 @@ export const RightPanelTabs: React.FC<Props> = ({ phase, room }): JSX.Element |
                 !isVideoRoom &&
                 shouldShowComponent(UIComponent.AddIntegrations) && (
                     <NavItem
-                        aria-controls="thread-panel"
+                        aria-controls="extensions-panel"
                         id="extensions-panel-tab"
                         onClick={() => {
                             RightPanelStore.instance.pushCard({ phase: RightPanelPhases.Extensions }, true);