feat(project): add new cardImageAspectRatio custom param for playlists

- deprecate `shelfImageAspectRatio` custom param - add `cardImageAspectRatio` custom param
jwplayer · Jul 18, 2023 · 65264eb · 65264eb
1 parent 6f993c6
commit 65264eb
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/CardGrid/CardGrid.tsx b/src/components/CardGrid/CardGrid.tsx
@@ -55,7 +55,7 @@ function CardGrid({
   onCardHover,
 }: CardGridProps) {
   const breakpoint: Breakpoint = useBreakpoint();
-  const posterAspect = parseAspectRatio(playlist.aspectRatio || playlist.shelfImageAspectRatio);
+  const posterAspect = parseAspectRatio(playlist.cardImageAspectRatio || playlist.shelfImageAspectRatio);
   const visibleTiles = cols[breakpoint] + parseTilesDelta(posterAspect);
   const [rowCount, setRowCount] = useState(INITIAL_ROW_COUNT);
 

diff --git a/src/containers/ShelfList/ShelfList.tsx b/src/containers/ShelfList/ShelfList.tsx
@@ -60,7 +60,7 @@ const ShelfList = ({ rows }: Props) => {
           <PlaylistContainer type={row.type} playlistId={row.contentId} key={`${row.contentId || row.type}_${index}`}>
             {({ playlist, error, isLoading, style }) => {
               const title = row?.title || playlist.title;
-              const posterAspect = parseAspectRatio(playlist.aspectRatio || playlist.shelfImageAspectRatio);
+              const posterAspect = parseAspectRatio(playlist.cardImageAspectRatio || playlist.shelfImageAspectRatio);
               const visibleTilesDelta = parseTilesDelta(posterAspect);
 
               return (