From 0ab6549a2092d1bcfe24b6604ab473e4a2b222d2 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Wed, 22 May 2024 23:28:32 +0200
Subject: [PATCH] Limit lines of chapter names of ChapterCard

---
 src/components/chapter/ChapterCard.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/chapter/ChapterCard.tsx b/src/components/chapter/ChapterCard.tsx
index 319589a8..4ebc1a67 100644
--- a/src/components/chapter/ChapterCard.tsx
+++ b/src/components/chapter/ChapterCard.tsx
@@ -28,6 +28,7 @@ import { DownloadType } from '@/lib/graphql/generated/graphql.ts';
 import { TChapter } from '@/typings.ts';
 import { ChapterActionMenuItems } from '@/components/chapter/ChapterActionMenuItems.tsx';
 import { Menu } from '@/components/menu/Menu.tsx';
+import { TypographyMaxLines } from '@/components/atoms/TypographyMaxLines.tsx';
 
 interface IProps {
     chapter: TChapter;
@@ -108,7 +109,7 @@ export const ChapterCard: React.FC<IProps> = (props: IProps) => {
                                     }}
                                 >
                                     <Stack direction="column" flex={1}>
-                                        <Typography variant="h5" component="h2">
+                                        <TypographyMaxLines variant="h5" component="h2">
                                             {chapter.isBookmarked && (
                                                 <BookmarkIcon
                                                     color="primary"
@@ -118,7 +119,7 @@ export const ChapterCard: React.FC<IProps> = (props: IProps) => {
                                             {showChapterNumber
                                                 ? `${t('chapter.title')} ${chapter.chapterNumber}`
                                                 : chapter.name}
-                                        </Typography>
+                                        </TypographyMaxLines>
                                         <Typography variant="caption">{chapter.scanlator}</Typography>
                                         <Typography variant="caption">
                                             {getDateString(Number(chapter.uploadDate ?? 0), true)}