From 3aa9dfcb733239484fe9e77834356260f40620a3 Mon Sep 17 00:00:00 2001
From: Marco Gomiero <marco.gomiero.93@gmail.com>
Date: Tue, 27 Oct 2026 17:10:23 +0100
Subject: [PATCH] Tint the Android feed logo fallback icon so it stays visible
 in dark mode

---
 .../ui/components/FeedSourceLogoImage.kt      | 43 +++++++++++++------
 1 file changed, 31 insertions(+), 12 deletions(-)

diff --git a/androidApp/src/main/kotlin/com/prof18/feedflow/android/ui/components/FeedSourceLogoImage.kt b/androidApp/src/main/kotlin/com/prof18/feedflow/android/ui/components/FeedSourceLogoImage.kt
index e67fbeaf7..6b03d6bcc 100644
--- a/androidApp/src/main/kotlin/com/prof18/feedflow/android/ui/components/FeedSourceLogoImage.kt
+++ b/androidApp/src/main/kotlin/com/prof18/feedflow/android/ui/components/FeedSourceLogoImage.kt
@@ -2,21 +2,28 @@ package com.prof18.feedflow.android.ui.components
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.filled.Category
+import androidx.compose.material3.Icon
 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.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.vector.ImageVector
-import androidx.compose.ui.graphics.vector.rememberVectorPainter
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.platform.LocalInspectionMode
 import androidx.compose.ui.unit.Dp
 import coil3.compose.AsyncImage
+import coil3.compose.AsyncImagePainter
 import coil3.compose.LocalPlatformContext
 import coil3.request.ImageRequest
 import com.prof18.feedflow.android.ui.style.Spacing
@@ -37,19 +44,31 @@ fun FeedSourceLogoImage(
         )
     } else {
         val density = LocalDensity.current
-        AsyncImage(
-            model = ImageRequest.Builder(LocalPlatformContext.current)
-                .data(imageUrl)
-                .size(with(density) { size.roundToPx() })
-                .build(),
-            placeholder = rememberVectorPainter(fallbackIcon),
-            fallback = rememberVectorPainter(fallbackIcon),
-            error = rememberVectorPainter(fallbackIcon),
-            contentDescription = null,
-            contentScale = ContentScale.Crop,
+        // The fallback is drawn as a tinted Icon instead of an AsyncImage placeholder painter,
+        // which would render the vector untinted (black) and disappear on dark backgrounds.
+        var showFallback by remember(imageUrl) { mutableStateOf(true) }
+        Box(
             modifier = modifier
                 .size(size)
                 .clip(RoundedCornerShape(cornerRadius)),
-        )
+            contentAlignment = Alignment.Center,
+        ) {
+            AsyncImage(
+                model = ImageRequest.Builder(LocalPlatformContext.current)
+                    .data(imageUrl)
+                    .size(with(density) { size.roundToPx() })
+                    .build(),
+                onState = { showFallback = it !is AsyncImagePainter.State.Success },
+                contentDescription = null,
+                contentScale = ContentScale.Crop,
+                modifier = Modifier.fillMaxSize(),
+            )
+            if (showFallback) {
+                Icon(
+                    imageVector = fallbackIcon,
+                    contentDescription = null,
+                )
+            }
+        }
     }
 }