Add camera functionality for task completion photos

- Add camera picker interface to common ImagePicker.kt
- Implement camera capture for Android using ActivityResultContracts.TakePicture
- Implement camera capture for iOS using UIImagePickerController
- Add camera picker stubs for wasmJs, jsMain, and jvmMain platforms
- Update CompleteTaskDialog to show both "Take Photo" and "Choose from Library" buttons
- Add camera permissions to Android manifest (CAMERA permission, camera intent queries)
- Configure Android FileProvider for camera photo sharing
- Add camera and photo library usage descriptions to iOS Info.plist
- Update iOS CompleteTaskView with native camera picker support
- Fix cancel button in CompleteTaskView using @Environment(\.dismiss)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Trey t
2025-11-10 10:25:37 -06:00
parent 131637e6f3
commit 872a7df86f
13 changed files with 252 additions and 19 deletions

View File

@@ -29,3 +29,8 @@ data class ImageData(
expect fun rememberImagePicker(
onImagesPicked: (List<ImageData>) -> Unit
): () -> Unit
@Composable
expect fun rememberCameraPicker(
onImageCaptured: (ImageData) -> Unit
): () -> Unit

View File

@@ -8,12 +8,14 @@ import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Close
import androidx.compose.material3.*
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.text.input.KeyboardType
import androidx.compose.ui.unit.dp
import com.mycrib.shared.models.TaskCompletionCreateRequest
import com.mycrib.platform.ImageData
import com.mycrib.platform.rememberImagePicker
import com.mycrib.platform.rememberCameraPicker
import kotlinx.datetime.*
@OptIn(ExperimentalMaterial3Api::class)
@@ -34,6 +36,10 @@ fun CompleteTaskDialog(
selectedImages = images
}
val cameraPicker = rememberCameraPicker { image ->
selectedImages = selectedImages + image
}
AlertDialog(
onDismissRequest = onDismiss,
title = { Text("Complete Task: $taskTitle") },
@@ -89,11 +95,23 @@ fun CompleteTaskDialog(
)
Spacer(modifier = Modifier.height(4.dp))
OutlinedButton(
onClick = { imagePicker() },
modifier = Modifier.fillMaxWidth()
Row(
modifier = Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.spacedBy(8.dp)
) {
Text("Select Images (up to 5)")
OutlinedButton(
onClick = { cameraPicker() },
modifier = Modifier.weight(1f)
) {
Text("Take Photo")
}
OutlinedButton(
onClick = { imagePicker() },
modifier = Modifier.weight(1f)
) {
Text("Choose from Library")
}
}
// Display selected images