add image block component

common/src/commonMain/kotlin/org/hisp/dhis/common/screens/ImageBlockScreen.kt

@@ -1,13 +1,13 @@
 package org.hisp.dhis.common.screens
 
 import androidx.compose.runtime.Composable
-import androidx.compose.ui.res.painterResource
 import org.hisp.dhis.mobile.ui.designsystem.component.ImageBlock
+import java.io.File
 
 @Composable
 fun ImageBlockScreen() {
     ImageBlock(
-        painter = painterResource("image/sample.png"),
+        file = File("/data/data/org.hisp.dhis.android/files/sample.jpg"),
         onClick = {},
     )
 }

designsystem/src/androidMain/kotlin/org/hisp/dhis/mobile/ui/designsystem/component/internal/image/ImageProvider.kt

@@ -0,0 +1,16 @@
+package org.hisp.dhis.mobile.ui.designsystem.component.internal.image
+
+import android.graphics.BitmapFactory
+import androidx.compose.ui.graphics.ImageBitmap
+import androidx.compose.ui.graphics.asImageBitmap
+import java.io.File
+
+internal actual class ImageProvider {
+    actual fun provideImageFromFile(file: File): ImageBitmap? {
+        return try {
+            BitmapFactory.decodeFile(file.absolutePath).asImageBitmap()
+        } catch (ex: Exception) {
+            null
+        }
+    }
+}

designsystem/src/commonMain/kotlin/org/hisp/dhis/mobile/ui/designsystem/component/ImageBlock.kt

@@ -11,52 +11,60 @@ import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.outlined.FileDownload
 import androidx.compose.material3.Icon
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.graphics.painter.Painter
 import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.platform.testTag
 import androidx.compose.ui.unit.dp
+import org.hisp.dhis.mobile.ui.designsystem.component.internal.image.rememberImageProvider
 import org.hisp.dhis.mobile.ui.designsystem.theme.Radius
 import org.hisp.dhis.mobile.ui.designsystem.theme.Spacing
+import java.io.File
 
 @Composable
 fun ImageBlock(
-    painter: Painter,
+    file: File,
     downloadButtonVisible: Boolean = true,
-    contentScale: ContentScale = ContentScale.FillBounds,
     onClick: () -> Unit,
 ) {
-    Box(
-        modifier = Modifier
-            .padding(vertical = Spacing.Spacing8),
-    ) {
-        Image(
+    val imageBitmap by rememberImageProvider(file)
+    if (imageBitmap != null) {
+        Box(
             modifier = Modifier
-                .fillMaxWidth()
-                .clip(shape = RoundedCornerShape(Radius.S))
-                .background(Color.Black)
-                .height(160.dp),
-            painter = painter,
-            contentDescription = "",
-            contentScale = contentScale,
-        )
+                .padding(vertical = Spacing.Spacing8)
+                .testTag("IMAGE_BLOCK_CONTAINER"),
+        ) {
+            imageBitmap?.let { bitmap ->
+                Image(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .clip(shape = RoundedCornerShape(Radius.S))
+                        .background(Color.Black)
+                        .height(160.dp),
+                    bitmap = bitmap,
+                    contentDescription = null,
+                    contentScale = ContentScale.FillBounds,
+                )
+            }
 
-        if (downloadButtonVisible) {
-            SquareIconButton(
-                enabled = true,
-                modifier = Modifier
-                    .align(Alignment.BottomEnd)
-                    .padding(Spacing.Spacing4),
-                icon = {
-                    Icon(
-                        imageVector = Icons.Outlined.FileDownload,
-                        contentDescription = "File download Button",
-                    )
-                },
-            ) {
-                onClick.invoke()
+            if (downloadButtonVisible) {
+                SquareIconButton(
+                    enabled = true,
+                    modifier = Modifier
+                        .align(Alignment.BottomEnd)
+                        .padding(Spacing.Spacing4),
+                    icon = {
+                        Icon(
+                            imageVector = Icons.Outlined.FileDownload,
+                            contentDescription = "File download Button",
+                        )
+                    },
+                ) {
+                    onClick.invoke()
+                }
             }
         }
     }

designsystem/src/commonMain/kotlin/org/hisp/dhis/mobile/ui/designsystem/component/internal/image/ImageProvider.kt

@@ -0,0 +1,28 @@
+package org.hisp.dhis.mobile.ui.designsystem.component.internal.image
+
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.State
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.staticCompositionLocalOf
+import androidx.compose.ui.graphics.ImageBitmap
+import java.io.File
+
+@Composable
+internal fun rememberImageProvider(file: File): State<ImageBitmap?> {
+    val imageProvider = LocalImageProvider.current
+    val result = remember(file) { mutableStateOf<ImageBitmap?>(null) }
+
+    LaunchedEffect(file) {
+        result.value = imageProvider.provideImageFromFile(file)
+    }
+
+    return result
+}
+
+internal expect class ImageProvider() {
+    fun provideImageFromFile(file: File): ImageBitmap?
+}
+
+internal val LocalImageProvider = staticCompositionLocalOf { ImageProvider() }

designsystem/src/desktopMain/kotlin/org/hisp/dhis/mobile/ui/designsystem/component/internal/image/ImageProvider.kt

@@ -0,0 +1,16 @@
+package org.hisp.dhis.mobile.ui.designsystem.component.internal.image
+
+import androidx.compose.ui.graphics.ImageBitmap
+import androidx.compose.ui.graphics.toComposeImageBitmap
+import org.jetbrains.skia.Image
+import java.io.File
+
+internal actual class ImageProvider {
+    actual fun provideImageFromFile(file: File): ImageBitmap? {
+        return try {
+            Image.makeFromEncoded(file.readBytes()).toComposeImageBitmap()
+        } catch (ex: Exception) {
+            null
+        }
+    }
+}

designsystem/src/desktopTest/kotlin/org/hisp/dhis/mobile/ui/designsystem/component/ImageBlockTest.kt

@@ -0,0 +1,22 @@
+package org.hisp.dhis.mobile.ui.designsystem.component
+
+import androidx.compose.ui.test.junit4.createComposeRule
+import androidx.compose.ui.test.onNodeWithTag
+import org.junit.Rule
+import org.junit.Test
+import java.io.File
+
+class ImageBlockTest {
+
+    @get:Rule
+    val rule = createComposeRule()
+
+    @Test
+    fun shouldNotRenderImageBlockIfFileIsNotValid() {
+        rule.setContent {
+            ImageBlock(file = File("")) {}
+        }
+
+        rule.onNodeWithTag("IMAGE_BLOCK_CONTAINER").assertDoesNotExist()
+    }
+}