Tooltip bug fixed (#1744)

* 2 bugs fixed, will be double checking and testing to make sure everything is working * still seems to be working
CDCgov · Aug 28, 2024 · eb85c88 · eb85c88
1 parent fd1b418
commit eb85c88
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/...ization-ui/src/apps/search/layout/result/header/options/list/SearchResultsListOptions.tsx b/...ization-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
@@ -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)}