Fix the unexpected expansion of species links on the home page (#495)

56237865 · Andrey Azov · GitHub · a8ac5046 · 56237865
Unverified Commit 56237865 authored Apr 30, 2021 by Andrey Azov Committed by GitHub Apr 30, 2021
Hide whitespace changes
Inline Side-by-side

Showing with 2 additions and 2 deletions

src/ensembl/src/content/home/components/homepage-app-links/HomepageAppLinks.tsx ...t/home/components/homepage-app-links/HomepageAppLinks.tsx +2 -2

No files found.
--- a/src/ensembl/src/content/home/components/homepage-app-links/HomepageAppLinks.tsx
+++ b/src/ensembl/src/content/home/components/homepage-app-links/HomepageAppLinks.tsx
@@ -56,7 +56,7 @@ type HomepageAppLinksRowProps = {
 const HomepageAppLinks = (props: Props) => {
  const [expandedRowIndex, setExpandedRowIndex] = useState<number | null>(null);

-  const onToggleRow = (index: number) => {
+  const onToggleRow = (index: number | null) => {
    if (index === expandedRowIndex) {
      setExpandedRowIndex(null);
    } else {
@@ -86,7 +86,7 @@ const HomepageAppLinksRow = (props: HomepageAppLinksRowProps) => {
  const dispatch = useDispatch();

  const onOutsideClick = () => {
-    toggleExpand();
+    isExpanded && toggleExpand();
  };

  useOutsideClick(elementRef, onOutsideClick);