fix: use pointer cursor

dailydotdev · Sep 4, 2024 · d7166a6 · d7166a6
1 parent aed8390
commit d7166a6
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/packages/shared/src/components/tabs/TabList.tsx b/packages/shared/src/components/tabs/TabList.tsx
@@ -45,6 +45,7 @@ function TabList<T extends string = string>({
     offset: 0,
     indicatorOffset: 0,
   });
+  const isAnchor = Tag === 'a';
 
   const scrollIfNotInView = useCallback(() => {
     const { activeTabRect, offset } = dimensions;
@@ -130,6 +131,7 @@ function TabList<T extends string = string>({
               className.item,
               'relative p-2 py-4 text-center font-bold typo-callout',
               isActive ? '' : 'text-text-tertiary',
+              isAnchor && 'cursor-pointer',
             )}
             onClick={() => onClick(tab)}
             type="button"