Update Shimmer effect color

woocommerce · Feb 11, 2025 · ceb1309 · ceb1309
1 parent eafeb18
commit ceb1309
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 23 deletions.
diff --git a/...n/kotlin/com/woocommerce/android/ui/woopos/common/composeui/component/WooPosShimmerBox.kt b/...n/kotlin/com/woocommerce/android/ui/woopos/common/composeui/component/WooPosShimmerBox.kt
@@ -18,13 +18,13 @@ import com.woocommerce.android.ui.woopos.common.composeui.WooPosTheme
 @Composable
 fun WooPosShimmerBox(
     modifier: Modifier = Modifier,
-    color: Color = WooPosTheme.colors.loadingSkeleton,
+    color: Color = WooPosTheme.colors.onSurfaceVariantLow.copy(alpha = 0.2f),
 ) {
     val shimmerColors = listOf(
         color.copy(),
-        color.copy(alpha = 0.7f),
-        color.copy(alpha = 0.6f),
-        color.copy(alpha = 0.7f),
+        color.copy(alpha = 0.15f),
+        color.copy(alpha = 0.1f),
+        color.copy(alpha = 0.15f),
         color.copy()
     )
 

diff --git a/WooCommerce/src/main/kotlin/com/woocommerce/android/ui/woopos/home/items/WooPosItemsList.kt b/WooCommerce/src/main/kotlin/com/woocommerce/android/ui/woopos/home/items/WooPosItemsList.kt
@@ -51,13 +51,15 @@ import com.woocommerce.android.R
 import com.woocommerce.android.ui.woopos.common.composeui.ShadowType
 import com.woocommerce.android.ui.woopos.common.composeui.WooPosCard
 import com.woocommerce.android.ui.woopos.common.composeui.WooPosColors
+import com.woocommerce.android.ui.woopos.common.composeui.WooPosPreview
 import com.woocommerce.android.ui.woopos.common.composeui.WooPosTheme
 import com.woocommerce.android.ui.woopos.common.composeui.component.WooPosLazyColumn
 import com.woocommerce.android.ui.woopos.common.composeui.component.WooPosShimmerBox
 import com.woocommerce.android.ui.woopos.common.composeui.toAdaptivePadding
 import com.woocommerce.android.ui.woopos.home.items.WooPosItem.SimpleProduct
 import com.woocommerce.android.ui.woopos.home.items.WooPosItem.VariableProduct
 import com.woocommerce.android.ui.woopos.home.items.WooPosItem.Variation
+import com.woocommerce.android.ui.woopos.home.items.WooPosItemsViewState.Content.BannerState
 import kotlinx.coroutines.flow.distinctUntilChanged
 import kotlinx.coroutines.flow.filter
 
@@ -307,7 +309,7 @@ fun ItemsLoadingIndicator(itemsCount: Int = 10) {
 fun ItemsLoadingItem() {
     WooPosCard(
         shape = RoundedCornerShape(8.dp),
-        backgroundColor = MaterialTheme.colorScheme.surface,
+        backgroundColor = MaterialTheme.colorScheme.surfaceBright,
         elevation = 6.dp,
         shadowType = ShadowType.Soft,
     ) {
@@ -317,31 +319,16 @@ fun ItemsLoadingItem() {
                 .fillMaxWidth(),
             verticalAlignment = Alignment.CenterVertically
         ) {
-            Box(
-                modifier = Modifier
-                    .size(112.dp)
-                    .background(WooPosTheme.colors.onSurfaceVariantLow)
-            )
-
-            Spacer(modifier = Modifier.width(32.dp))
-
-            WooPosShimmerBox(
-                modifier = Modifier
-                    .weight(1f)
-                    .height(30.dp)
-                    .clip(RoundedCornerShape(4.dp))
-            )
-
-            Spacer(modifier = Modifier.width(184.dp))
+            Spacer(modifier = Modifier.weight(0.17f))
 
             WooPosShimmerBox(
                 modifier = Modifier
                     .height(30.dp)
-                    .width(76.dp)
+                    .weight(0.66f)
                     .clip(RoundedCornerShape(4.dp))
             )
 
-            Spacer(modifier = Modifier.width(24.dp))
+            Spacer(modifier = Modifier.weight(0.17f))
         }
     }
 }