From 1519d0447e0eddf589d5db0a2a365c768d5e795f Mon Sep 17 00:00:00 2001
From: Nikita Shaposhnikov <topru123@gmail.com>
Date: Wed, 10 Apr 2024 02:04:02 +0400
Subject: [PATCH] Link to manga from updates (#646)

* added link component to avatar in updates

* Fix linting issues

---------

Co-authored-by: schroda <50052685+schroda@users.noreply.github.com>
---
 src/screens/Updates.tsx | 44 +++++++++++++++++++++--------------------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/src/screens/Updates.tsx b/src/screens/Updates.tsx
index 94c056ff..a6b9e134 100644
--- a/src/screens/Updates.tsx
+++ b/src/screens/Updates.tsx
@@ -193,28 +193,30 @@ export const Updates: React.FC = () => {
                                         }}
                                     >
                                         <Box sx={{ display: 'flex' }}>
-                                            <Avatar
-                                                variant="rounded"
-                                                sx={{
-                                                    width: 56,
-                                                    height: 56,
-                                                    flex: '0 0 auto',
-                                                    marginRight: 2,
-                                                    background: 'transparent',
-                                                }}
-                                            >
-                                                <SpinnerImage
-                                                    imgStyle={{
-                                                        objectFit: 'cover',
-                                                        width: '100%',
-                                                        height: '100%',
-                                                        imageRendering: 'pixelated',
+                                            <Link to={`/manga/${chapter.manga.id}`} style={{ textDecoration: 'none' }}>
+                                                <Avatar
+                                                    variant="rounded"
+                                                    sx={{
+                                                        width: 56,
+                                                        height: 56,
+                                                        flex: '0 0 auto',
+                                                        marginRight: 2,
+                                                        background: 'transparent',
                                                     }}
-                                                    spinnerStyle={{ small: true }}
-                                                    alt={manga.title}
-                                                    src={Mangas.getThumbnailUrl(manga)}
-                                                />
-                                            </Avatar>
+                                                >
+                                                    <SpinnerImage
+                                                        imgStyle={{
+                                                            objectFit: 'cover',
+                                                            width: '100%',
+                                                            height: '100%',
+                                                            imageRendering: 'pixelated',
+                                                        }}
+                                                        spinnerStyle={{ small: true }}
+                                                        alt={manga.title}
+                                                        src={Mangas.getThumbnailUrl(manga)}
+                                                    />
+                                                </Avatar>
+                                            </Link>
                                             <Box sx={{ display: 'flex', flexDirection: 'column' }}>
                                                 <Typography variant="h5" component="h2">
                                                     {manga.title}