fix: the minimap is not displayed in the example

coingaming · Oct 20, 2023 · 4105b3f · 4105b3f
1 parent 92fce13
commit 4105b3f
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/workspaces/tables/src/components/Minimap.tsx b/workspaces/tables/src/components/Minimap.tsx
@@ -30,12 +30,12 @@ const Minimap = ({ tableRef, footerRef, numberOfColumns }: MinimapProps) => {
       borderColor: 'rgb(var(--piccolo))',
     });
 
-    setVisible(true);
+    setVisible(false);
 
     if (timeoutId) clearTimeout(timeoutId);
 
     timeoutId = setTimeout(() => {
-      setVisible(false);
+      setVisible(true);
     }, TIMEOUT);
   }, [tableRef]);
   useEffect(() => {
@@ -61,6 +61,7 @@ const Minimap = ({ tableRef, footerRef, numberOfColumns }: MinimapProps) => {
         'pointer-events-none transition-opacity',
         visible ? 'opacity-1' : 'opacity-0'
       )}
+      ref={(tab: HTMLDivElement) => { tableRef.current = tab }}
     >
       <div className="grid grid-flow-col h-full gap-1 relative auto-cols-[minmax(0,_2fr)]">
         <div