fix: removed hasfocus from default stories

carbon-design-system · Jan 19, 2024 · e8bcd3b · e8bcd3b
1 parent bcbb991
commit e8bcd3b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 15 deletions.
diff --git a/packages/react/src/components/Notification/stories/ActionableNotification.stories.js b/packages/react/src/components/Notification/stories/ActionableNotification.stories.js
@@ -40,6 +40,14 @@ export const Default = () => (
   />
 );
 
+Default.argTypes = {
+  hasFocus: {
+    table: {
+      disable: true,
+    },
+  },
+};
+
 export const Playground = (args) => <ActionableNotification {...args} />;
 
 Playground.argTypes = {

diff --git a/packages/react/src/components/Tabs/Tabs.tsx b/packages/react/src/components/Tabs/Tabs.tsx
@@ -327,7 +327,6 @@ function TabList({
   const nextButton = useRef<HTMLButtonElement>(null);
   const [isScrollable, setIsScrollable] = useState(false);
   const [scrollLeft, setScrollLeft] = useState<number>(0);
-  const [activeTabs, setActiveTabs] = useState<TabElement[]>([]);
 
   let hasSecondaryLabelTabs = false;
   if (contained) {
@@ -399,26 +398,15 @@ function TabList({
     }, scrollDebounceWait);
   }, [scrollDebounceWait]);
 
-  useEffect(() => {
-    setActiveTabs([]);
-    console.log('tabs', tabs);
-    const filteredTabs: TabElement[] = tabs.current.filter(
-      (tab) => !tab.disabled
-    );
-
-    setActiveTabs(filteredTabs);
-    // console.log('activeTabs UseEffect', activeTabs);
-  }, [tabs]);
-
   function onKeyDown(event: KeyboardEvent) {
     if (
       matches(event, [keys.ArrowRight, keys.ArrowLeft, keys.Home, keys.End])
     ) {
       event.preventDefault();
-      // filterTabs();
-      console.log('onKeyDown');
 
-      console.log('activeTabs', activeTabs);
+      const activeTabs: TabElement[] = tabs.current.filter(
+        (tab) => !tab.disabled
+      );
       const currentIndex = activeTabs.indexOf(
         tabs.current[activation === 'automatic' ? selectedIndex : activeIndex]
       );