convert VirtualizedList stories helpers file to TS (#2531)

mondaycom · Oct 20, 2024 · 0871d5f · 0871d5f
1 parent bca2c68
commit 0871d5f
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/...ries__/VirtualizedList.stories.helpers.js → ...ies__/VirtualizedList.stories.helpers.tsx b/...ries__/VirtualizedList.stories.helpers.js → ...ies__/VirtualizedList.stories.helpers.tsx
@@ -2,17 +2,19 @@
 import React from "react";
 import { Tip } from "vibe-storybook-components";
 
-export const generateItems = (defaultItemSize = 30, itemsCount, layout) => {
-  const items = [];
+export const generateItems = (defaultItemSize = 30, itemsCount: number, layout: string) => {
+  const items: { value: string; size: number; id: number; height: number }[] = [];
   const isVertical = layout !== "horizontal";
+
   for (let i = 0; i < itemsCount; i++) {
     const size = (i > 0 && i % 15) === 0 ? defaultItemSize * 2 : defaultItemSize;
     items.push({ value: `Item ${i}`, size, id: i, height: isVertical ? size : 30 });
   }
+
   return items;
 };
 
-export const TipItemRenderer = () => (
+export const TipItemRenderer: React.FC = () => (
   <Tip title="Are your list items not rendered correctly?">
     Please make sure you inject the style parameter of the <code>itemRenderer</code> function to the item {"element's"}
     wrapper style.