Remove unordered list from Marquee & ensure we have no empty rows

the-guild-org · Feb 4, 2025 · 3aeedc0 · 3aeedc0
1 parent bbdd9d4
commit 3aeedc0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/components/src/components/marquee/index.tsx b/packages/components/src/components/marquee/index.tsx
@@ -110,7 +110,11 @@ export function MarqueeRows({
   const chunks: ReactElement[][] = [];
 
   for (let i = 0; i < rows; i++) {
-    chunks.push(children.slice(i * chunkSize, (i + 1) * chunkSize));
+    const chunk = children.slice(i * chunkSize, (i + 1) * chunkSize);
+
+    if (chunk.length !== 0) {
+      chunks.push(chunk);
+    }
   }
 
   return (

diff --git a/packages/components/src/components/marquee/marquee.stories.tsx b/packages/components/src/components/marquee/marquee.stories.tsx
@@ -3,7 +3,7 @@ import { hiveThemeDecorator } from '../../../../../.storybook/hive-theme-decorat
 import { Marquee, MarqueeProps, MarqueeRows, MarqueeRowsProps } from './index';
 
 export default {
-  title: 'Marquee',
+  title: 'Components/Marquee',
   component: Marquee,
   decorators: [hiveThemeDecorator],
   parameters: {