From eb85c88f1568ae711612d5e78be0390191245291 Mon Sep 17 00:00:00 2001
From: Alaap Bharadwaj <137817788+alaapbharadwaj@users.noreply.github.com>
Date: Wed, 28 Aug 2024 12:26:43 -0400
Subject: [PATCH] Tooltip bug fixed (#1744)

* 2 bugs fixed, will be double checking and testing to make sure everything is working

* still seems to be working
---
 .../header/options/list/SearchResultsListOptions.tsx       | 7 ++++++-
 .../src/components/ButtonActionMenu/ButtonActionMenu.tsx   | 4 +++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/apps/modernization-ui/src/apps/search/layout/result/header/options/list/SearchResultsListOptions.tsx b/apps/modernization-ui/src/apps/search/layout/result/header/options/list/SearchResultsListOptions.tsx
index d191bc89f3..b4b41e979c 100644
--- a/apps/modernization-ui/src/apps/search/layout/result/header/options/list/SearchResultsListOptions.tsx
+++ b/apps/modernization-ui/src/apps/search/layout/result/header/options/list/SearchResultsListOptions.tsx
@@ -28,7 +28,12 @@ const SearchResultsListOptions = ({ disabled = false }: Props) => {
     }, []);
 
     return (
-        <ButtonActionMenu className={styles.option} outline icon={<Icon.SortArrow />} disabled={disabled}>
+        <ButtonActionMenu
+            className={styles.option}
+            ariaLabel="Sort by list"
+            outline
+            icon={<Icon.SortArrow />}
+            disabled={disabled}>
             <>
                 <Button
                     type="button"
diff --git a/apps/modernization-ui/src/components/ButtonActionMenu/ButtonActionMenu.tsx b/apps/modernization-ui/src/components/ButtonActionMenu/ButtonActionMenu.tsx
index a086c56140..7fd60b360a 100644
--- a/apps/modernization-ui/src/components/ButtonActionMenu/ButtonActionMenu.tsx
+++ b/apps/modernization-ui/src/components/ButtonActionMenu/ButtonActionMenu.tsx
@@ -6,6 +6,7 @@ import classNames from 'classnames';
 
 type Props = {
     label?: string;
+    ariaLabel?: string;
     disabled?: boolean;
     icon?: ReactNode;
     outline?: boolean;
@@ -17,6 +18,7 @@ type Props = {
 export const ButtonActionMenu = ({
     label,
     disabled,
+    ariaLabel,
     icon,
     outline,
     className,
@@ -45,7 +47,7 @@ export const ButtonActionMenu = ({
     return (
         <div className={styles.actionMenu} ref={wrapperRef}>
             <Button
-                aria-label="Sort by list"
+                aria-label={ariaLabel}
                 data-tooltip-position="top"
                 type="button"
                 onClick={() => setOpen(!open)}