From 857b0204d3d833337bf39c52551abd92d0f18cee Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Wed, 22 May 2024 23:28:02 +0200
Subject: [PATCH] Limit lines of manga title of update cards

---
 src/screens/Updates.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/screens/Updates.tsx b/src/screens/Updates.tsx
index d6b35a19..942179cc 100644
--- a/src/screens/Updates.tsx
+++ b/src/screens/Updates.tsx
@@ -33,6 +33,7 @@ import { Mangas } from '@/lib/data/Mangas.ts';
 import { SpinnerImage } from '@/components/util/SpinnerImage.tsx';
 import { dateTimeFormatter, epochToDate, getDateString } from '@/util/date.ts';
 import { defaultPromiseErrorHandler } from '@/util/defaultPromiseErrorHandler.ts';
+import { TypographyMaxLines } from '@/components/atoms/TypographyMaxLines.tsx';
 
 const groupByDate = (updates: TChapter[]): [date: string, items: number][] => {
     if (!updates.length) {
@@ -209,10 +210,10 @@ export const Updates: React.FC = () => {
                                                 </Avatar>
                                             </Link>
                                             <Box sx={{ display: 'flex', flexDirection: 'column' }}>
-                                                <Typography variant="h5" component="h2">
+                                                <TypographyMaxLines variant="h5" component="h2">
                                                     {manga.title}
-                                                </Typography>
                                                 <Typography variant="caption" display="block" gutterBottom>
+                                                </TypographyMaxLines>
                                                     {chapter.name}
                                                 </Typography>
                                             </Box>