diff --git a/frontend/src/components/GuideRow.jsx b/frontend/src/components/GuideRow.jsx index 924ecb26..a1cdaed9 100644 --- a/frontend/src/components/GuideRow.jsx +++ b/frontend/src/components/GuideRow.jsx @@ -17,38 +17,41 @@ const H_BUFFER = 600; const TOTAL_PLACEHOLDERS = Math.ceil(24 / 2); const PLACEHOLDER_BLOCK_WIDTH = HOUR_WIDTH * 2; -const PlaceholderProgram = React.memo(({ channelId, vpLeft, vpRight, rowHeight }) => { - return ( - <> - {Array.from({ length: TOTAL_PLACEHOLDERS }).map( - (_, placeholderIndex) => { - const left = placeholderIndex * PLACEHOLDER_BLOCK_WIDTH; - if (left + PLACEHOLDER_BLOCK_WIDTH < vpLeft || left > vpRight) return null; - return ( - - No program data - - ); - } - )} - - ); -}); +const PlaceholderProgram = React.memo( + ({ channelId, vpLeft, vpRight, rowHeight }) => { + return ( + <> + {Array.from({ length: TOTAL_PLACEHOLDERS }).map( + (_, placeholderIndex) => { + const left = placeholderIndex * PLACEHOLDER_BLOCK_WIDTH; + if (left + PLACEHOLDER_BLOCK_WIDTH < vpLeft || left > vpRight) + return null; + return ( + + No program data + + ); + } + )} + + ); + } +); const GuideRow = React.memo(({ index, style, data }) => { const { @@ -189,7 +192,6 @@ const GuideRow = React.memo(({ index, style, data }) => { maxWidth: '100%', maxHeight: '100%', objectFit: 'contain', - filter: 'drop-shadow(0 0 3px rgba(255,255,255,0.15))', }} />