Rename tabs event handlers

mongodb · May 23, 2024 · dcd5013 · dcd5013
1 parent 663263a
commit dcd5013
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/tabs/src/Tabs/Tabs.tsx b/packages/tabs/src/Tabs/Tabs.tsx
@@ -81,7 +81,7 @@ const Tabs = (props: AccessibleTabsProps) => {
     [children],
   );
 
-  const handleChange = useCallback(
+  const handleClickTab = useCallback(
     (e: React.SyntheticEvent<Element, MouseEvent>, index: number) => {
       setSelected?.(index);
     },
@@ -96,7 +96,7 @@ const Tabs = (props: AccessibleTabsProps) => {
     return [enabledIndexes, enabledIndexes.indexOf(selected!)];
   }, [childrenArray, selected]);
 
-  const handleArrowKeyPress = useCallback(
+  const handleKeyDown = useCallback(
     (e: KeyboardEvent) => {
       if (!(e.metaKey || e.ctrlKey)) {
         if (e.key === keyMap.ArrowRight) {
@@ -129,12 +129,12 @@ const Tabs = (props: AccessibleTabsProps) => {
       name,
       onKeyDown: (event: KeyboardEvent) => {
         onKeyDown?.(event);
-        handleArrowKeyPress(event);
+        handleKeyDown(event);
       },
       onClick: !disabled
         ? (event: React.MouseEvent, index: number) => {
           onClick?.(event);
-          handleChange(event, index);
+          handleClickTab(event, index);
         }
         : undefined,
       selectedIndex: selected,