Implement confirmation delete dialog on media management

PrimalHQ · Nov 18, 2024 · 7eea1c6 · 7eea1c6
1 parent 977d597
commit 7eea1c6
Show file tree

Hide file tree

Showing 2 changed files with 90 additions and 1 deletion.
diff --git a/app/src/main/kotlin/net/primal/android/premium/manage/media/PremiumMediaManagementScreen.kt b/app/src/main/kotlin/net/primal/android/premium/manage/media/PremiumMediaManagementScreen.kt
@@ -2,26 +2,43 @@ package net.primal.android.premium.manage.media
 
 import android.content.ClipData
 import android.content.ClipboardManager
+import android.widget.Toast
+import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
 import androidx.compose.foundation.shape.CornerSize
+import androidx.compose.material3.AlertDialog
 import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.Scaffold
+import androidx.compose.material3.Text
+import androidx.compose.material3.TextButton
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
+import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.unit.dp
+import coil.compose.SubcomposeAsyncImage
+import coil.request.ImageRequest
+import kotlinx.coroutines.launch
 import net.primal.android.R
 import net.primal.android.core.compose.PrimalDivider
 import net.primal.android.core.compose.PrimalTopAppBar
 import net.primal.android.core.compose.icons.PrimalIcons
 import net.primal.android.core.compose.icons.primaliconpack.ArrowBack
 import net.primal.android.core.utils.ifNotNull
 import net.primal.android.premium.manage.media.ui.MediaListItem
+import net.primal.android.premium.manage.media.ui.MediaUiItem
 import net.primal.android.premium.manage.media.ui.TableHeader
 import net.primal.android.premium.manage.media.ui.UsedStorageBreakdown
 import net.primal.android.theme.AppTheme
@@ -40,6 +57,21 @@ fun PremiumMediaManagementScreen(viewModel: PremiumMediaManagementViewModel, onC
 @Composable
 fun PremiumMediaManagementScreen(state: PremiumMediaManagementContract.UiState, onClose: () -> Unit) {
     val context = LocalContext.current
+    val scope = rememberCoroutineScope()
+    var deleteMediaItem by remember { mutableStateOf<MediaUiItem?>(null) }
+    deleteMediaItem?.let { item ->
+        DeleteUploadAlertDialog(
+            item = item,
+            onDismissRequest = { deleteMediaItem = null },
+            onConfirm = {
+                deleteMediaItem = null
+                scope.launch {
+                    Toast.makeText(context, "Delete not yet implemented.", Toast.LENGTH_SHORT).show()
+                }
+            },
+        )
+    }
+
     Scaffold(
         topBar = {
             PrimalTopAppBar(
@@ -98,9 +130,62 @@ fun PremiumMediaManagementScreen(state: PremiumMediaManagementContract.UiState,
                         val clip = ClipData.newPlainText("", item.mediaUrl)
                         clipboard.setPrimaryClip(clip)
                     },
-                    onDeleteClick = {},
+                    onDeleteClick = { deleteMediaItem = item },
                 )
             }
         }
     }
 }
+
+@Composable
+private fun DeleteUploadAlertDialog(
+    item: MediaUiItem,
+    onDismissRequest: () -> Unit,
+    onConfirm: () -> Unit,
+) {
+    val context = LocalContext.current
+    AlertDialog(
+        containerColor = AppTheme.colorScheme.surfaceVariant,
+        onDismissRequest = onDismissRequest,
+        title = {
+            Text(
+                text = stringResource(R.string.premium_media_management_delete_upload_dialog_title),
+            )
+        },
+        text = {
+            Row(
+                verticalAlignment = Alignment.CenterVertically,
+            ) {
+                SubcomposeAsyncImage(
+                    modifier = Modifier
+                        .size(width = 64.dp, height = 48.dp)
+                        .clip(AppTheme.shapes.extraSmall),
+                    model = ImageRequest.Builder(context)
+                        .data(item.thumbnailUrl ?: item.mediaUrl)
+                        .build(),
+                    contentDescription = null,
+                    contentScale = ContentScale.Crop,
+                )
+
+                Text(
+                    modifier = Modifier.padding(start = 16.dp),
+                    text = stringResource(R.string.premium_media_management_delete_upload_dialog_text),
+                )
+            }
+        },
+        dismissButton = {
+            TextButton(onClick = onDismissRequest) {
+                Text(
+                    text = stringResource(R.string.premium_media_management_delete_upload_dialog_dismiss_button),
+                )
+            }
+        },
+        confirmButton = {
+            TextButton(onClick = onConfirm) {
+                Text(
+                    text = stringResource(R.string.premium_media_management_delete_upload_dialog_confirm_button),
+                )
+            }
+        },
+    )
+}
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
@@ -209,6 +209,10 @@
     <string name="premium_media_management_used_storage">%1$s GB of %2$s GB used</string>
     <string name="premium_media_management_free_storage">%1$s GB free</string>
     <string name="premium_media_management_media_size">%1$s MB</string>
+    <string name="premium_media_management_delete_upload_dialog_title">Delete?</string>
+    <string name="premium_media_management_delete_upload_dialog_text">Are you sure you want to delete this media file? Any notes referencing this media file will look broken.</string>
+    <string name="premium_media_management_delete_upload_dialog_confirm_button">Delete</string>
+    <string name="premium_media_management_delete_upload_dialog_dismiss_button">Dismiss</string>
 
     <string name="premium_relay_title">Premium Relay</string>
     <string name="premium_relay_top_app_bar_title">Premium Relay</string>