Add ability to show description by tapping the manga

Author: julieminer

app/src/main/java/com/melonhead/mangadexfollower/extensions/PreviewExtensions.kt

@@ -18,6 +18,7 @@ object Previews {
         status = "ongoing",
         contentRating = "Safe",
         lastChapter = null,
+        description = "    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
     )
 
     fun previewUIChapters() = listOf(

app/src/main/java/com/melonhead/mangadexfollower/models/ui/UIManga.kt

@@ -17,7 +17,8 @@ data class UIManga(
     val tags: List<String>,
     val status: String,
     val contentRating: String,
-    val lastChapter: String?
+    val lastChapter: String?,
+    val description: String?,
 ) :
     Parcelable {
     @IgnoredOnParcel

app/src/main/java/com/melonhead/mangadexfollower/repositories/MangaRepository.kt

@@ -82,6 +82,7 @@ class MangaRepository(
                 status = manga.status,
                 contentRating = manga.contentRating,
                 lastChapter = manga.lastChapter,
+                description = manga.description,
             )
         }
         if (uiManga.isEmpty()) return emptyList()

app/src/main/java/com/melonhead/mangadexfollower/ui/scenes/home/HomeScreen.kt

@@ -26,6 +26,7 @@ import com.melonhead.mangadexfollower.models.ui.None
 import com.melonhead.mangadexfollower.models.ui.UIChapter
 import com.melonhead.mangadexfollower.models.ui.UIManga
 import com.melonhead.mangadexfollower.ui.scenes.home.dialogs.MarkChapterReadDialog
+import com.melonhead.mangadexfollower.ui.scenes.home.dialogs.ShowMangaDescriptionDialog
 import com.melonhead.mangadexfollower.ui.scenes.home.dialogs.TitleChangeDialog
 import com.melonhead.mangadexfollower.ui.scenes.home.dialogs.ToggleRenderTypeDialog
 import com.melonhead.mangadexfollower.ui.scenes.home.list.ChapterListItem
@@ -64,6 +65,12 @@ internal fun HomeScreen(
         onDismissed = { showTitleChangeDialogForManga = null }
     )
 
+    var showDescriptionDialogForManga by remember { mutableStateOf<UIManga?>(null) }
+    ShowMangaDescriptionDialog(
+        showDescriptionDialogForManga,
+        onDismissed = { showDescriptionDialogForManga = null }
+    )
+
     val isRefreshing = rememberSwipeRefreshState(isRefreshing = false)
     var justPulledRefresh by remember { mutableStateOf(false) }
     val context = LocalContext.current
@@ -152,9 +159,15 @@ internal fun HomeScreen(
                     }
                 }) {
                     if (it is UIManga) {
-                        MangaCoverListItem(modifier = Modifier.padding(top = if (itemState.first() == it) 0.dp else 12.dp), uiManga = it, onLongPress = { mangaWebviewToggleDialog = it }, onTitleLongPress = {
-                            showTitleChangeDialogForManga = it
-                        })
+                        MangaCoverListItem(
+                            modifier = Modifier.padding(top = if (itemState.first() == it) 0.dp else 12.dp),
+                            uiManga = it,
+                            onLongPress = { mangaWebviewToggleDialog = it },
+                            onTapped = { showDescriptionDialogForManga = it },
+                            onTitleLongPress = {
+                                showTitleChangeDialogForManga = it
+                            }
+                        )
                     }
                     if (it is Pair<*, *> && it.first is UIChapter) {
                         ChapterListItem(

app/src/main/java/com/melonhead/mangadexfollower/ui/scenes/home/dialogs/ShowMangaDescriptionDialog.kt

@@ -0,0 +1,45 @@
+package com.melonhead.mangadexfollower.ui.scenes.home.dialogs
+
+import androidx.compose.material3.AlertDialog
+import androidx.compose.material3.Text
+import androidx.compose.material3.TextButton
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.tooling.preview.Preview
+import com.melonhead.mangadexfollower.extensions.Previews
+import com.melonhead.mangadexfollower.models.ui.UIManga
+import com.melonhead.mangadexfollower.ui.theme.MangadexFollowerTheme
+
+@Composable
+internal fun ShowMangaDescriptionDialog(
+    uiManga: UIManga?,
+    onDismissed: () -> Unit,
+) {
+    if (uiManga?.description != null) {
+        AlertDialog(
+            onDismissRequest = { onDismissed() },
+            title = {
+                Text(text = uiManga.title)
+            },
+            text = {
+                Text(text = uiManga.description)
+            },
+            confirmButton = {
+                TextButton(onClick = {
+                    onDismissed()
+                }) {
+                    Text("Close")
+                }
+            }
+        )
+    }
+}
+
+@Preview
+@Composable
+private fun MarkChapterReadPreview() {
+    MangadexFollowerTheme {
+        ShowMangaDescriptionDialog(
+            Previews.previewUIManga(),
+            onDismissed = { })
+    }
+}

app/src/main/java/com/melonhead/mangadexfollower/ui/scenes/home/list/MangaCoverListItem.kt

@@ -30,8 +30,14 @@ import com.melonhead.mangadexfollower.ui.theme.MangadexFollowerTheme
 
 @OptIn(ExperimentalFoundationApi::class, ExperimentalLayoutApi::class)
 @Composable
-internal fun MangaCoverListItem(modifier: Modifier = Modifier, uiManga: UIManga, onLongPress: (uiManga: UIManga) -> Unit, onTitleLongPress: (uiManga: UIManga) -> Unit) {
-    Row(modifier.combinedClickable(onClick = { }, onLongClick = { onLongPress(uiManga) })) {
+internal fun MangaCoverListItem(
+    modifier: Modifier = Modifier,
+    uiManga: UIManga,
+    onTapped: (uiManga: UIManga) -> Unit,
+    onLongPress: (uiManga: UIManga) -> Unit,
+    onTitleLongPress: (uiManga: UIManga) -> Unit,
+) {
+    Row(modifier.combinedClickable(onClick = { onTapped(uiManga) }, onLongClick = { onLongPress(uiManga) })) {
         Box(
             modifier
                 .padding(horizontal = 10.dp)
@@ -153,11 +159,13 @@ private fun MangaPreview() {
             MangaCoverListItem(
                 uiManga = Previews.previewUIManga(),
                 onLongPress = { },
+                onTapped = { },
                 onTitleLongPress = { }
             )
             MangaCoverListItem(
                 uiManga = Previews.previewUIManga().copy(title = "Test Manga with a really long name that causes the name to clip a little"),
                 onLongPress = { },
+                onTapped = { },
                 onTitleLongPress = { }
             )
         }