fix: fix highlighted item in story

gravity-ui · Sep 8, 2023 · f077aad · f077aad
1 parent 7d9a989
commit f077aad
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/src/components/AsideHeader/__stories__/AsideHeaderShowcase.tsx b/src/components/AsideHeader/__stories__/AsideHeaderShowcase.tsx
@@ -31,15 +31,6 @@ interface AsideHeaderShowcaseProps {
     initialCompact?: boolean;
 }
 
-const openModalSubscriber = (callback: OpenModalSubscriber) => {
-    // @ts-ignore
-    eventBroker.subscribe((data: EventBrokerData<{layersCount: number}>) => {
-        if (data?.eventId === 'layerschange') {
-            callback(data?.meta?.layersCount !== 0);
-        }
-    });
-};
-
 export const AsideHeaderShowcase: FC<AsideHeaderShowcaseProps> = ({
     multipleTooltip = false,
     initialCompact = false,
@@ -53,6 +44,17 @@ export const AsideHeaderShowcase: FC<AsideHeaderShowcaseProps> = ({
 
     const navRef = React.useRef<AsideHeader>(null);
 
+    const openModalSubscriber = (callback: OpenModalSubscriber) => {
+        // @ts-ignore
+        eventBroker.subscribe((data: EventBrokerData<{layersCount: number}>) => {
+            if (!isModalOpen) {
+                callback(false);
+            } else if (data?.eventId === 'layerschange') {
+                callback(data?.meta?.layersCount !== 0);
+            }
+        });
+    };
+
     return (
         <div className={b()}>
             <Modal open={isModalOpen} onClose={() => setIsModalOpen(false)}>
@@ -176,7 +178,7 @@ export const AsideHeaderShowcase: FC<AsideHeaderShowcaseProps> = ({
                                 },
                             }}
                             bringForward
-                            openModalSubscriber={isModalOpen ? openModalSubscriber : undefined}
+                            openModalSubscriber={openModalSubscriber}
                             compact={compact}
                         />
                         <FooterItem