Merge pull request #14576 from woocommerce/issue/WOOMOB-12-make-selected-hazmat-box-tappable

[Shipping Labels] Make selected hazmat box tappable

Author: irfano

RELEASE-NOTES.txt

@@ -20,6 +20,7 @@
 - [*] Automatically populate the weight field in the create shipment flow [https://github.com/woocommerce/woocommerce-android/pull/14525]
 - [*] [Shipping Labels] Fixed displaying incorrect hazardous material option for purchased labels [https://github.com/woocommerce/woocommerce-android/pull/14571]
 - [*] Shipping Labels: Updated the disabled button text on the package selection screen [https://github.com/woocommerce/woocommerce-android/pull/14558]
+- [*] Enhance the shipping label creation screen by making the selected hazardous box tappable [https://github.com/woocommerce/woocommerce-android/pull/14576]
 
 23.1
 -----

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/orders/wooshippinglabels/hazmat/HazmatCard.kt

@@ -71,6 +71,7 @@ internal fun HazmatCard(
         if (selectedCategory != null) {
             HazmatSelectionCard(
                 selectedCategory = selectedCategory,
+                onClick = onClick,
                 modifier = Modifier.padding(dimensionResource(id = R.dimen.major_100))
             )
         }

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/orders/wooshippinglabels/hazmat/HazmatSelectionCard.kt

@@ -1,6 +1,7 @@
 package com.woocommerce.android.ui.orders.wooshippinglabels.hazmat
 
 import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -11,6 +12,7 @@ import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
 import androidx.compose.ui.res.colorResource
 import androidx.compose.ui.res.dimensionResource
 import androidx.compose.ui.res.stringResource
@@ -21,17 +23,17 @@ import com.woocommerce.android.ui.orders.shippinglabels.creation.ShippingLabelHa
 @Composable
 fun HazmatSelectionCard(
     selectedCategory: ShippingLabelHazmatCategory,
-    modifier: Modifier = Modifier
+    modifier: Modifier = Modifier,
+    onClick: OnClick? = null,
 ) {
     Spacer(modifier = Modifier.height(4.dp))
     Box(modifier = modifier) {
         Box(
             modifier = Modifier
                 .fillMaxWidth()
-                .background(
-                    color = colorResource(R.color.light_colored_button_background),
-                    shape = RoundedCornerShape(dimensionResource(R.dimen.corner_radius_large))
-                )
+                .clip(RoundedCornerShape(dimensionResource(R.dimen.corner_radius_large)))
+                .then(if (onClick == null) Modifier else Modifier.clickable { onClick() })
+                .background(color = colorResource(R.color.light_colored_button_background))
                 .padding(16.dp)
         ) {
             Text(