From 4ffcb10f78ea2be0a216b0904d44c15923b1aa46 Mon Sep 17 00:00:00 2001
From: Eric Ampire <ericampire.top@gmail.com>
Date: Sat, 4 Sep 2021 18:31:40 +0200
Subject: [PATCH] Putting background in front of all images

---
 .../screen/explore/ui/LottieFileItem.kt         | 14 ++++++++++++--
 .../presentation/screen/home/ui/BlogItemView.kt | 17 +++++++++++++++--
 .../presentation/theme/Color.kt                 |  2 ++
 3 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/app/src/main/java/com/ericampire/android/androidstudycase/presentation/screen/explore/ui/LottieFileItem.kt b/app/src/main/java/com/ericampire/android/androidstudycase/presentation/screen/explore/ui/LottieFileItem.kt
index 8c00fee..0d5a6d4 100644
--- a/app/src/main/java/com/ericampire/android/androidstudycase/presentation/screen/explore/ui/LottieFileItem.kt
+++ b/app/src/main/java/com/ericampire/android/androidstudycase/presentation/screen/explore/ui/LottieFileItem.kt
@@ -49,11 +49,21 @@ fun LottieFileItemView(
             horizontalArrangement = Arrangement.spacedBy(12.dp),
             verticalAlignment = Alignment.CenterVertically,
             content = {
-              CustomImageView(
+              Box(
                 modifier = Modifier
                   .size(44.dp)
                   .clip(CircleShape),
-                data = lottiefile.createdBy?.avatarUrl ?: "null",
+                content = {
+                  CustomImageView(
+                    modifier = Modifier.matchParentSize(),
+                    data = lottiefile.createdBy?.avatarUrl ?: "null",
+                  )
+                  Box(
+                    modifier = Modifier
+                      .matchParentSize()
+                      .background(color = AppColor.BlackOverlay001)
+                  )
+                }
               )
 
               Column(
diff --git a/app/src/main/java/com/ericampire/android/androidstudycase/presentation/screen/home/ui/BlogItemView.kt b/app/src/main/java/com/ericampire/android/androidstudycase/presentation/screen/home/ui/BlogItemView.kt
index f412652..d433479 100644
--- a/app/src/main/java/com/ericampire/android/androidstudycase/presentation/screen/home/ui/BlogItemView.kt
+++ b/app/src/main/java/com/ericampire/android/androidstudycase/presentation/screen/home/ui/BlogItemView.kt
@@ -1,5 +1,6 @@
 package com.ericampire.android.androidstudycase.presentation.screen.home.ui
 
+import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.shape.CircleShape
@@ -18,6 +19,7 @@ import com.ericampire.android.androidstudycase.domain.entity.Blog
 import com.ericampire.android.androidstudycase.domain.entity.Lottiefile
 import com.ericampire.android.androidstudycase.presentation.custom.CustomImageView
 import com.ericampire.android.androidstudycase.presentation.theme.AndroidStudyCaseTheme
+import com.ericampire.android.androidstudycase.presentation.theme.AppColor
 import com.ericampire.android.androidstudycase.util.BlogProvider
 import com.ericampire.android.androidstudycase.util.LottieFileProvider
 
@@ -36,14 +38,25 @@ fun BlogItemView(
     horizontalArrangement = Arrangement.spacedBy(12.dp),
     verticalAlignment = Alignment.CenterVertically,
     content = {
-      CustomImageView(
+      Box(
         modifier = Modifier
           .height(80.dp)
           .width(130.dp)
           .clip(MaterialTheme.shapes.medium),
-        data = blog.imageUrl,
+        content = {
+          CustomImageView(
+            modifier = Modifier.matchParentSize(),
+            data = blog.imageUrl,
+          )
+          Box(
+            modifier = Modifier
+              .matchParentSize()
+              .background(color = AppColor.BlackOverlay)
+          )
+        }
       )
 
+
       Text(
         maxLines = 3,
         text = blog.title,
diff --git a/app/src/main/java/com/ericampire/android/androidstudycase/presentation/theme/Color.kt b/app/src/main/java/com/ericampire/android/androidstudycase/presentation/theme/Color.kt
index d5d2811..19ad51b 100644
--- a/app/src/main/java/com/ericampire/android/androidstudycase/presentation/theme/Color.kt
+++ b/app/src/main/java/com/ericampire/android/androidstudycase/presentation/theme/Color.kt
@@ -10,4 +10,6 @@ object AppColor {
   val Purple700 = Color(0xFF3700B3)
   val Teal200 = Color(0xFF03DAC5)
   val Black001 = Color(0xFF222222)
+  val BlackOverlay = Color(0x4D000000)
+  val BlackOverlay001 = Color(0x1A000000)
 }
\ No newline at end of file