feat: Add functionality to edit deeplinks with a dialog

Author: yogeshpaliyal

app/src/main/java/com/yogeshpaliyal/deepr/ui/components/EditDeeplinkDialog.kt

@@ -0,0 +1,85 @@
+package com.yogeshpaliyal.deepr.ui.components
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.AlertDialog
+import androidx.compose.material3.Button
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.OutlinedButton
+import androidx.compose.material3.Text
+import androidx.compose.material3.TextField
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+import com.yogeshpaliyal.deepr.Deepr
+import com.yogeshpaliyal.deepr.util.isValidDeeplink
+
+@Composable
+fun EditDeeplinkDialog(
+    deepr: Deepr,
+    onDismiss: () -> Unit,
+    onSave: (String) -> Unit
+) {
+    var link by remember { mutableStateOf(deepr.link) }
+    var isError by remember { mutableStateOf(false) }
+
+    AlertDialog(
+        onDismissRequest = onDismiss,
+        title = { Text("Edit Deeplink") },
+        text = {
+            Column {
+                TextField(
+                    value = link,
+                    onValueChange = {
+                        link = it
+                        isError = false
+                    },
+                    label = { Text("Deeplink") },
+                    isError = isError,
+                    supportingText = {
+                        if (isError) {
+                            Text(
+                                text = "Please enter a valid deeplink",
+                                color = MaterialTheme.colorScheme.error
+                            )
+                        }
+                    },
+                    modifier = Modifier.fillMaxWidth()
+                )
+
+                Spacer(modifier = Modifier.height(8.dp))
+
+                Text(
+                    text = "Edit your deeplink URL",
+                    style = MaterialTheme.typography.bodySmall,
+                    modifier = Modifier.padding(horizontal = 4.dp)
+                )
+            }
+        },
+        confirmButton = {
+            Button(
+                onClick = {
+                    if (isValidDeeplink(link)) {
+                        onSave(link)
+                    } else {
+                        isError = true
+                    }
+                }
+            ) {
+                Text("Save")
+            }
+        },
+        dismissButton = {
+            OutlinedButton(onClick = onDismiss) {
+                Text("Cancel")
+            }
+        }
+    )
+}

app/src/main/java/com/yogeshpaliyal/deepr/ui/screens/Home.kt

@@ -52,6 +52,7 @@ import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.dp
 import com.yogeshpaliyal.deepr.Deepr
 import com.yogeshpaliyal.deepr.ui.components.CreateShortcutDialog
+import com.yogeshpaliyal.deepr.ui.components.EditDeeplinkDialog
 import com.yogeshpaliyal.deepr.util.createShortcut
 import com.yogeshpaliyal.deepr.util.isValidDeeplink
 import com.yogeshpaliyal.deepr.util.openDeeplink
@@ -62,6 +63,7 @@ import com.yogeshpaliyal.deepr.viewmodel.AccountViewModel
 import com.yogeshpaliyal.deepr.viewmodel.SortOrder
 import compose.icons.tablericons.Copy
 import compose.icons.tablericons.DotsVertical
+import compose.icons.tablericons.Edit
 import compose.icons.tablericons.Filter
 import compose.icons.tablericons.Link
 import compose.icons.tablericons.Plus
@@ -191,6 +193,7 @@ fun Content(viewModel: AccountViewModel) {
         var isError by remember { mutableStateOf(false) }
         val context = LocalContext.current
         var showShortcutDialog by remember { mutableStateOf<Deepr?>(null) }
+        var showEditDialog by remember { mutableStateOf<Deepr?>(null) }
 
         showShortcutDialog?.let { deepr ->
             CreateShortcutDialog(
@@ -203,6 +206,18 @@ fun Content(viewModel: AccountViewModel) {
             )
         }
 
+        showEditDialog?.let { deepr ->
+            EditDeeplinkDialog(
+                deepr = deepr,
+                onDismiss = { showEditDialog = null },
+                onSave = { newLink ->
+                    viewModel.updateDeeplink(deepr.id, newLink)
+                    Toast.makeText(context, "Deeplink updated", Toast.LENGTH_SHORT).show()
+                    showEditDialog = null
+                }
+            )
+        }
+
         DeeprList(
             modifier = Modifier
                 .weight(1f)
@@ -219,6 +234,9 @@ fun Content(viewModel: AccountViewModel) {
             onShortcutClick = {
                 showShortcutDialog = it
             },
+            onEditClick = {
+                showEditDialog = it
+            },
             onItemLongClick = {
                 val clipboard =
                     context.getSystemService(Context.CLIPBOARD_SERVICE) as ClipboardManager
@@ -307,6 +325,7 @@ fun DeeprList(
     onItemClick: (Deepr) -> Unit,
     onRemoveClick: (Deepr) -> Unit,
     onShortcutClick: (Deepr) -> Unit,
+    onEditClick: (Deepr) -> Unit,
     onItemLongClick: (Deepr) -> Unit
 ) {
     if (accounts.isEmpty()) {
@@ -355,6 +374,7 @@ fun DeeprList(
                     onItemClick = onItemClick,
                     onRemoveClick = onRemoveClick,
                     onShortcutClick = onShortcutClick,
+                    onEditClick = onEditClick,
                     onItemLongClick = onItemLongClick
                 )
             }
@@ -370,6 +390,7 @@ fun DeeprItem(
     onItemClick: (Deepr) -> Unit,
     onRemoveClick: (Deepr) -> Unit,
     onShortcutClick: (Deepr) -> Unit,
+    onEditClick: (Deepr) -> Unit,
     onItemLongClick: (Deepr) -> Unit
 ) {
     var expanded by remember { mutableStateOf(false) }
@@ -455,6 +476,19 @@ fun DeeprItem(
                             )
                         }
                     )
+                    DropdownMenuItem(
+                        text = { Text("Edit") },
+                        onClick = {
+                            onEditClick(account)
+                            expanded = false
+                        },
+                        leadingIcon = {
+                            Icon(
+                                TablerIcons.Edit,
+                                contentDescription = "Edit"
+                            )
+                        }
+                    )
                     DropdownMenuItem(
                         text = { Text("Delete") },
                         onClick = {

app/src/main/java/com/yogeshpaliyal/deepr/viewmodel/AccountViewModel.kt

@@ -6,6 +6,7 @@ import app.cash.sqldelight.coroutines.asFlow
 import app.cash.sqldelight.coroutines.mapToList
 import com.yogeshpaliyal.deepr.Deepr
 import com.yogeshpaliyal.deepr.DeeprQueries
+import kotlinx.coroutines.ExperimentalCoroutinesApi
 import kotlinx.coroutines.flow.MutableStateFlow
 import kotlinx.coroutines.flow.SharingStarted
 import kotlinx.coroutines.flow.StateFlow
@@ -23,6 +24,7 @@ class AccountViewModel(private val deeprQueries: DeeprQueries) : ViewModel() {
     private val searchQuery = MutableStateFlow("")
     private val sortOrder = MutableStateFlow(SortOrder.DESC)
 
+    @OptIn(ExperimentalCoroutinesApi::class)
     val accounts: StateFlow<List<Deepr>> =
         combine(searchQuery, sortOrder) { query, order ->
             Pair(query, order)
@@ -69,4 +71,10 @@ class AccountViewModel(private val deeprQueries: DeeprQueries) : ViewModel() {
             deeprQueries.incrementOpenedCount(id)
         }
     }
+
+    fun updateDeeplink(id: Long, newLink: String) {
+        viewModelScope.launch {
+            deeprQueries.updateDeeplink(newLink, id)
+        }
+    }
 }

app/src/main/sqldelight/com/yogeshpaliyal/deepr/Deepr.sq

@@ -14,9 +14,6 @@ SELECT * FROM Deepr ORDER BY createdAt DESC;
 listDeeprAsc:
 SELECT * FROM Deepr ORDER BY createdAt ASC;
 
-getDeeprById:
-SELECT * FROM Deepr WHERE id = ?;
-
 deleteDeeprById:
 DELETE FROM Deepr WHERE id = ?;
 
@@ -40,3 +37,6 @@ SELECT * FROM Deepr WHERE link LIKE '%' || ? || '%' ORDER BY openedCount ASC;
 
 incrementOpenedCount:
 UPDATE Deepr SET openedCount = openedCount + 1 WHERE id = ?;
+
+updateDeeplink:
+UPDATE Deepr SET link = ? WHERE id = ?;