Merge pull request #14014 from woocommerce/issue/woomob-192-woo-pos-handle-state-when-there-are-no-coupons-in-a-store

[WOOMOB-192] Update Empty Coupon Screen

Author: malinajirka

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/woopos/home/items/WooPosItemsList.kt

@@ -50,6 +50,7 @@ import coil.request.ImageRequest
 import com.woocommerce.android.R
 import com.woocommerce.android.ui.woopos.common.composeui.WooPosPreview
 import com.woocommerce.android.ui.woopos.common.composeui.component.ShadowType
+import com.woocommerce.android.ui.woopos.common.composeui.component.WooPosButton
 import com.woocommerce.android.ui.woopos.common.composeui.component.WooPosCard
 import com.woocommerce.android.ui.woopos.common.composeui.component.WooPosLazyColumn
 import com.woocommerce.android.ui.woopos.common.composeui.component.WooPosShimmerBox
@@ -478,6 +479,44 @@ fun WooPosItemsEmptyList(
     title: String,
     message: String,
     contentDescription: String,
+) {
+    WooPosItemsEmptyListInternal(
+        modifier = modifier,
+        title = title,
+        message = message,
+        contentDescription = contentDescription,
+        actionLabel = null,
+        onActionClicked = null
+    )
+}
+
+@Composable
+fun WooPosItemsEmptyList(
+    modifier: Modifier = Modifier,
+    title: String,
+    message: String,
+    contentDescription: String,
+    actionLabel: String,
+    onActionClicked: (() -> Unit),
+) {
+    WooPosItemsEmptyListInternal(
+        modifier = modifier,
+        title = title,
+        message = message,
+        contentDescription = contentDescription,
+        actionLabel = actionLabel,
+        onActionClicked = onActionClicked
+    )
+}
+
+@Composable
+private fun WooPosItemsEmptyListInternal(
+    modifier: Modifier = Modifier,
+    title: String,
+    message: String,
+    contentDescription: String,
+    actionLabel: String?,
+    onActionClicked: (() -> Unit)? = null,
 ) {
     Box(
         modifier = modifier.verticalScroll(rememberScrollState()),
@@ -510,7 +549,17 @@ fun WooPosItemsEmptyList(
                 textAlign = TextAlign.Center
             )
 
-            Spacer(modifier = Modifier.height(WooPosSpacing.Medium.value.toAdaptivePadding()))
+            Spacer(modifier = Modifier.height(WooPosSpacing.XLarge.value.toAdaptivePadding()))
+
+            if (onActionClicked != null && actionLabel != null) {
+                WooPosButton(
+                    text = actionLabel,
+                    onClick = onActionClicked,
+                    modifier = Modifier
+                        .fillMaxWidth(0.5f)
+                        .height(80.dp)
+                )
+            }
         }
     }
 }

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/woopos/home/items/coupons/WooPosCouponsScreen.kt

@@ -92,9 +92,12 @@ private fun WooPosCouponsScreen(
             )
 
             is WooPosCouponsViewState.Empty -> WooPosItemsEmptyList(
+                modifier = Modifier.fillMaxSize(),
                 title = stringResource(id = R.string.woopos_coupons_empty_list_title),
                 message = stringResource(id = R.string.woopos_coupons_empty_list_message),
                 contentDescription = stringResource(id = R.string.woopos_coupons_empty_list_image_description),
+                actionLabel = stringResource(id = R.string.woopos_coupons_empty_list_create_coupon_label),
+                onActionClicked = { onUIEvent(WooPosCouponsUIEvent.CreateCouponClicked) }
             )
 
             is WooPosCouponsViewState.Error -> CouponsError { onUIEvent(WooPosCouponsUIEvent.RetryTriggered) }

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/woopos/home/items/coupons/WooPosCouponsUIEvent.kt

@@ -6,5 +6,6 @@ sealed class WooPosCouponsUIEvent {
     data object RetryLoadMoreTriggered : WooPosCouponsUIEvent()
     data object RetryTriggered : WooPosCouponsUIEvent()
     data class CouponClicked(val couponId: Long) : WooPosCouponsUIEvent()
+    data object CreateCouponClicked : WooPosCouponsUIEvent()
     data object BackButtonClicked : WooPosCouponsUIEvent()
 }

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/woopos/home/items/coupons/WooPosCouponsViewModel.kt

@@ -70,6 +70,10 @@ class WooPosCouponsViewModel @Inject constructor(
             }
 
             RetryTriggered -> fetchCoupons()
+
+            is WooPosCouponsUIEvent.CreateCouponClicked -> {
+                error("Create coupon clicked event not implemented yet")
+            }
         }
     }
 

WooCommerce/src/main/res/values/strings.xml

@@ -4336,6 +4336,7 @@
     <string name="woopos_coupons_empty_list_image_description">No coupons</string>
     <string name="woopos_coupons_empty_list_title">No coupons found</string>
     <string name="woopos_coupons_empty_list_message">Boost your business by sending customers special offers and discounts.</string>
+    <string name="woopos_coupons_empty_list_create_coupon_label">Create coupon</string>
     <string name="woopos_coupons_loading_error_title">Error loading coupons</string>
     <string name="woopos_coupons_loading_error_message">Give it another go?</string>
     <string name="woopos_coupons_loading_error_retry_button">Retry</string>