refactor(tabs): simplify looping through tabs logic

elastic · Nov 20, 2024 · b25165d · b25165d
1 parent 22bbc04
commit b25165d
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/eui/src/components/tabs/tabs.tsx b/packages/eui/src/components/tabs/tabs.tsx
@@ -80,10 +80,11 @@ export const EuiTabs = forwardRef<EuiTabRef, EuiTabsProps>(
       );
 
       if (event.key === keys.ARROW_LEFT) {
-        const previousIndex = (currentIndex - 1 + tabs.length) % tabs.length;
+        const previousIndex =
+          (currentIndex === 0 ? tabs.length : currentIndex) - 1;
         tabs[previousIndex].focus();
       } else if (event.key === keys.ARROW_RIGHT) {
-        const nextIndex = (currentIndex + 1) % tabs.length;
+        const nextIndex = currentIndex === tabs.length ? 0 : currentIndex + 1;
         tabs[nextIndex].focus();
       }
     };