1 files changed, 114 insertions, 0 deletions
diff --git a/mobile/android/fenix/app/src/main/java/org/mozilla/fenix/shopping/ui/ReviewQualityCheckSettingsCard.kt b/mobile/android/fenix/app/src/main/java/org/mozilla/fenix/shopping/ui/ReviewQualityCheckSettingsCard.kt
new file mode 100644
index 0000000000..c659188b96
--- /dev/null
+++ b/mobile/android/fenix/app/src/main/java/org/mozilla/fenix/shopping/ui/ReviewQualityCheckSettingsCard.kt
@@ -0,0 +1,114 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+package org.mozilla.fenix.shopping.ui
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+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.Modifier
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import org.mozilla.fenix.R
+import org.mozilla.fenix.compose.SwitchWithLabel
+import org.mozilla.fenix.compose.annotation.LightDarkPreview
+import org.mozilla.fenix.compose.button.SecondaryButton
+import org.mozilla.fenix.theme.FirefoxTheme
+
+/**
+ * Review quality check settings card UI. Contains toggles to disable product recommendations and
+ * the entire review quality check feature.
+ *
+ * @param productRecommendationsEnabled The current state of the product recommendations toggle.
+ * @param isExpanded Whether or not the settings card is expanded.
+ * @param onProductRecommendationsEnabledStateChange Invoked when the user changes the product
+ * recommendations toggle state.
+ * @param onTurnOffReviewQualityCheckClick Invoked when the user opts out of the review quality check feature.
+ * @param onExpandToggleClick Invoked when the user expands or collapses the settings card.
+ * @param modifier Modifier to apply to the layout.
+ */
+@Composable
+fun ReviewQualityCheckSettingsCard(
+    productRecommendationsEnabled: Boolean?,
+    isExpanded: Boolean,
+    onProductRecommendationsEnabledStateChange: (Boolean) -> Unit,
+    onTurnOffReviewQualityCheckClick: () -> Unit,
+    onExpandToggleClick: () -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    ReviewQualityCheckExpandableCard(
+        modifier = modifier,
+        title = stringResource(R.string.review_quality_check_settings_title),
+        isExpanded = isExpanded,
+        onExpandToggleClick = onExpandToggleClick,
+    ) {
+        SettingsContent(
+            productRecommendationsEnabled = productRecommendationsEnabled,
+            onProductRecommendationsEnabledStateChange = onProductRecommendationsEnabledStateChange,
+            onTurnOffReviewQualityCheckClick = onTurnOffReviewQualityCheckClick,
+            modifier = Modifier.fillMaxWidth(),
+        )
+    }
+}
+
+@Composable
+private fun SettingsContent(
+    productRecommendationsEnabled: Boolean?,
+    onProductRecommendationsEnabledStateChange: (Boolean) -> Unit,
+    onTurnOffReviewQualityCheckClick: () -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    Column(modifier = modifier) {
+        Spacer(modifier = Modifier.height(8.dp))
+
+        if (productRecommendationsEnabled != null) {
+            SwitchWithLabel(
+                checked = productRecommendationsEnabled,
+                onCheckedChange = onProductRecommendationsEnabledStateChange,
+                label = stringResource(R.string.review_quality_check_settings_recommended_products),
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+        }
+
+        SecondaryButton(
+            text = stringResource(R.string.review_quality_check_settings_turn_off),
+            onClick = onTurnOffReviewQualityCheckClick,
+        )
+    }
+}
+
+@LightDarkPreview
+@Composable
+private fun ReviewQualityCheckSettingsCardPreview() {
+    FirefoxTheme {
+        Box(
+            modifier = Modifier
+                .fillMaxWidth()
+                .background(color = FirefoxTheme.colors.layer1)
+                .padding(all = 16.dp),
+        ) {
+            var isSettingsExpanded by remember { mutableStateOf(true) }
+            var productRecommendationsEnabled by remember { mutableStateOf(true) }
+
+            ReviewQualityCheckSettingsCard(
+                productRecommendationsEnabled = productRecommendationsEnabled,
+                onProductRecommendationsEnabledStateChange = { productRecommendationsEnabled = it },
+                onTurnOffReviewQualityCheckClick = {},
+                isExpanded = isSettingsExpanded,
+                onExpandToggleClick = { isSettingsExpanded = !isSettingsExpanded },
+                modifier = Modifier.fillMaxWidth(),
+            )
+        }
+    }
+}