diff --git a/src/components/shared/ResponsiveVirtualizedAssetGrid.tsx b/src/components/shared/ResponsiveVirtualizedAssetGrid.tsx index 95d0294..4c971f2 100644 --- a/src/components/shared/ResponsiveVirtualizedAssetGrid.tsx +++ b/src/components/shared/ResponsiveVirtualizedAssetGrid.tsx @@ -59,10 +59,6 @@ const ResponsiveVirtualizedAssetGrid = forwardRef { - gridDimensions.updateRowCount(assets.length); - }, [assets.length, gridDimensions]); // Resize observer to handle container size changes useEffect(() => { @@ -197,7 +193,7 @@ const ResponsiveVirtualizedAssetGrid = forwardRef {asset.duration && ( - {humanizeDuration(asset.duration)} + {humanizeDuration(asset.duration.toString())} )} diff --git a/src/components/shared/VirtualizedAssetGrid.tsx b/src/components/shared/VirtualizedAssetGrid.tsx index c038131..add29f4 100644 --- a/src/components/shared/VirtualizedAssetGrid.tsx +++ b/src/components/shared/VirtualizedAssetGrid.tsx @@ -159,7 +159,7 @@ const VirtualizedAssetGrid = forwardRef {asset.duration && ( - {humanizeDuration(asset.duration)} + {humanizeDuration(asset.duration.toString())} )} diff --git a/src/hooks/useGridDimensions.ts b/src/hooks/useGridDimensions.ts index c22aba9..cc5e2ad 100644 --- a/src/hooks/useGridDimensions.ts +++ b/src/hooks/useGridDimensions.ts @@ -68,15 +68,8 @@ export const useGridDimensions = ({ calculateDimensions(); }, [calculateDimensions]); - const updateRowCount = useCallback((totalItems: number) => { - setDimensions(prev => ({ - ...prev, - rowCount: Math.ceil(totalItems / prev.columnCount) - })); - }, []); return { ...dimensions, - updateRowCount }; };