From daa3938c7d087562d0adca1c96f5b6bb35331727 Mon Sep 17 00:00:00 2001
From: Carlos Andres Perez Ubeda <descarlos2013@gmail.com>
Date: Wed, 4 Dec 2024 17:35:01 -0600
Subject: [PATCH] fix: handle undefined likes in poster-horizontal

- Replace Typography with TextMaxLine for likes display, ensuring it handles undefined likes gracefully by defaulting to 0.
- Adjust line clamping behavior for improved visual consistency.
---
 src/components/poster/variants/poster-horizontal.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/poster/variants/poster-horizontal.tsx b/src/components/poster/variants/poster-horizontal.tsx
index f64a0e093..c16d2451e 100644
--- a/src/components/poster/variants/poster-horizontal.tsx
+++ b/src/components/poster/variants/poster-horizontal.tsx
@@ -71,9 +71,9 @@ const PosterHorizontal = ({ title, images, likes, id, synopsis }: Poster) => {
         <Box sx={{display:'flex',alignItems:'center',justifyContent: 'space-between'}}>
           <Stack  direction="row" spacing={0.5} alignItems='center' textAlign='center'>
             <IconHeartFilled style={{marginBottom:'2px'}} size={16} color="#F2F3F5" />
-            <Typography style={{fontSize: 'clamp(0.1rem, 0.8vw, 0.9rem)', fontWeight: '700', whiteSpace: 'nowrap'}} variant="body2">
-              {formatLikes(likes)}
-            </Typography>
+            <TextMaxLine line={1} variant="body2">
+              {formatLikes(likes ?? 0)}
+            </TextMaxLine>
           </Stack>
         </Box>
       </Box>