Make species selector button clickable (#1129)

Ensembl · May 9, 2024 · 9285608 · 9285608
1 parent 7703df9
commit 9285608
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/header/launchbar/LaunchbarButton.tsx b/src/header/launchbar/LaunchbarButton.tsx
@@ -33,6 +33,7 @@ export type LaunchbarButtonProps = {
   icon: FunctionComponent<unknown>;
   enabled?: boolean;
   isActive?: boolean;
+  isClickableWhenActive?: boolean;
 };
 
 const LaunchbarButton: FunctionComponent<LaunchbarButtonProps> = (
@@ -54,7 +55,7 @@ const LaunchbarButton: FunctionComponent<LaunchbarButtonProps> = (
     />
   );
 
-  return isButtonEnabled && !isActive ? (
+  return (isButtonEnabled && !isActive) || props.isClickableWhenActive ? (
     <NavLink
       className={styles.launchbarButtonWrapperLink}
       to={props.path}
@@ -68,7 +69,11 @@ const LaunchbarButton: FunctionComponent<LaunchbarButtonProps> = (
 };
 
 const LaunchbarButtonContent = memo(
-  (props: Required<Omit<LaunchbarButtonProps, 'path'>>) => {
+  (
+    props: Required<
+      Omit<LaunchbarButtonProps, 'path' | 'isClickableWhenActive'>
+    >
+  ) => {
     const [hoverRef, isHovered] = useHover<HTMLDivElement>();
     const elementClasses = classNames(styles.launchbarButton, {
       [styles.launchbarButtonSelected]: props.isActive,

diff --git a/src/header/launchbar/SpeciesSelectorLaunchbarButton.tsx b/src/header/launchbar/SpeciesSelectorLaunchbarButton.tsx
@@ -41,6 +41,7 @@ const SpeciesSelectorLaunchbarButton = () => {
       icon={SpeciesSelectorIcon}
       enabled={true}
       isActive={['species', 'species-selector'].includes(firstPathnamePart)}
+      isClickableWhenActive={true}
     />
   );
 };