add markdown preview in the note screen

Author: Fandroid745

.idea/workspace.xml

@@ -4,7 +4,8 @@ import android.os.Bundle
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
 import androidx.activity.viewModels
-import androidx.compose.animation.ExperimentalAnimationApi
+import androidx.compose.animation.EnterTransition
+import androidx.compose.animation.ExitTransition
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Surface
 import androidx.compose.runtime.collectAsState
@@ -29,7 +30,6 @@ class MainActivity : ComponentActivity() {
 
     private val settingsViewModel: SettingsViewModel by viewModels()
 
-    @OptIn(ExperimentalAnimationApi::class)
     override fun onCreate(savedInstanceState: Bundle?) {
         val splashScreen = installSplashScreen()
         super.onCreate(savedInstanceState)
@@ -48,7 +48,10 @@ class MainActivity : ComponentActivity() {
                     NavHost(
                         navController = navController,
                         startDestination = Screen.NotesScreen.route,
-
+                        enterTransition = { EnterTransition.None },
+                        exitTransition = { ExitTransition.None },
+                        popEnterTransition = { EnterTransition.None },
+                        popExitTransition = { ExitTransition.None }
                     ) {
                         composable(route = Screen.NotesScreen.route) {
                             NotesScreen(navController = navController)

app/src/main/java/com/opennotes/feature_node/presentation/MainActivity.kt

@@ -229,7 +229,9 @@ fun AddEditNoteScreen(
                             textStyle = MaterialTheme.typography.bodyLarge.copy(color = contentColor),
                             singleLine = false,
                             focusRequester = contentFocusRequester,
-                            modifier = Modifier.fillMaxWidth()
+                            modifier = Modifier
+                                .fillMaxWidth()
+                                .wrapContentHeight(unbounded = true)
                         )
                     }
                 }

app/src/main/java/com/opennotes/feature_node/presentation/add_edit_note/AddEditNoteScreen.kt

@@ -15,10 +15,12 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.luminance
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextOverflow
+
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.opennotes.feature_node.domain.model.Note
+import com.opennotes.feature_node.presentation.add_edit_note.components.markdown.MarkdownText
 
 @Composable
 fun NoteItem(
@@ -79,12 +81,17 @@ fun NoteItem(
                     Spacer(modifier = Modifier.height(8.dp))
                 }
                 if (note.content.isNotBlank()) {
-                    Text(
-                        text = note.content,
+                    MarkdownText(
+                        radius = cornerRadius.value.toInt(),
+                        markdown = note.content,
+                        isPreview = true,
+                        isEnabled = true,
+                        modifier = Modifier
+                            .fillMaxWidth()
+                            .heightIn(max = 180.dp),
                         fontSize = 14.sp,
-                        maxLines = 8,
-                        overflow = TextOverflow.Ellipsis,
-                        color = textColor
+                        spacing = 1.dp,
+                        textColor = textColor
                     )
                 }
             }

app/src/main/java/com/opennotes/feature_node/presentation/notes/Components/NoteItem.kt

@@ -11,11 +11,13 @@ import androidx.compose.material.icons.filled.Search
 import androidx.compose.material.icons.filled.Settings
 import androidx.compose.material3.*
 import androidx.compose.runtime.*
+import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.unit.dp
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.navigation.NavController
+import com.opennotes.feature_node.domain.model.Note
 import com.opennotes.feature_node.presentation.notes.Components.NoteItem
 import com.opennotes.feature_node.presentation.util.Screen
 import kotlinx.coroutines.launch
@@ -28,6 +30,47 @@ fun NotesScreen(
     val state = viewModel.state.value
     val snackbarHostState = remember { SnackbarHostState() }
     val scope = rememberCoroutineScope()
+    val notePendingDeleteState = remember { mutableStateOf<Note?>(null) }
+
+    notePendingDeleteState.value?.let { noteToDelete ->
+        AlertDialog(
+            onDismissRequest = { notePendingDeleteState.value = null },
+            title = {
+                Text(
+                    text = "Delete note?",
+                    fontWeight = FontWeight.SemiBold
+                )
+            },
+            text = {
+                Text("This action cannot be undone.")
+            },
+            confirmButton = {
+                TextButton(
+                    onClick = {
+                        notePendingDeleteState.value = null
+                        viewModel.onEvent(NotesEvent.DeleteNote(noteToDelete))
+                        scope.launch {
+                            val result = snackbarHostState.showSnackbar(
+                                message = "Note deleted",
+                                actionLabel = "Undo",
+                                duration = SnackbarDuration.Short
+                            )
+                            if (result == SnackbarResult.ActionPerformed) {
+                                viewModel.onEvent(NotesEvent.RestoreNote)
+                            }
+                        }
+                    }
+                ) {
+                    Text("Delete")
+                }
+            },
+            dismissButton = {
+                TextButton(onClick = { notePendingDeleteState.value = null }) {
+                    Text("Cancel")
+                }
+            }
+        )
+    }
 
     Scaffold(
         snackbarHost = { SnackbarHost(snackbarHostState) },
@@ -133,17 +176,7 @@ fun NotesScreen(
                                 )
                             },
                             onDeleteClick = {
-                                viewModel.onEvent(NotesEvent.DeleteNote(note))
-                                scope.launch {
-                                    val result = snackbarHostState.showSnackbar(
-                                        message = "Note deleted",
-                                        actionLabel = "Undo",
-                                        duration = SnackbarDuration.Short
-                                    )
-                                    if (result == SnackbarResult.ActionPerformed) {
-                                        viewModel.onEvent(NotesEvent.RestoreNote)
-                                    }
-                                }
+                                notePendingDeleteState.value = note
                             }
                         )
                     }