Update order and conversion stats to use StoreStatsDataOrRedactedView.

Author: jaclync

WooCommerce/Classes/ViewRelated/Dashboard/Stats v4/StoreStatsV4PeriodViewController.swift

@@ -47,10 +47,9 @@ final class StoreStatsV4PeriodViewController: UIViewController {
     @IBOutlet private weak var visitorsTitle: UILabel!
     @IBOutlet private weak var visitorsDataOrRedactedView: StoreStatsDataOrRedactedView!
     @IBOutlet private weak var ordersTitle: UILabel!
-    @IBOutlet private weak var ordersData: UILabel!
-    @IBOutlet private weak var conversionStackView: UIStackView!
+    @IBOutlet private weak var ordersDataOrRedactedView: StoreStatsDataOrRedactedView!
     @IBOutlet private weak var conversionTitle: UILabel!
-    @IBOutlet private weak var conversionData: UILabel!
+    @IBOutlet private weak var conversionDataOrRedactedView: StoreStatsDataOrRedactedView!
     @IBOutlet private weak var revenueTitle: UILabel!
     @IBOutlet private weak var revenueData: UILabel!
     @IBOutlet private weak var lineChartView: LineChartView!
@@ -181,7 +180,7 @@ final class StoreStatsV4PeriodViewController: UIViewController {
 private extension StoreStatsV4PeriodViewController {
     func observeStatsLabels() {
         viewModel.orderStatsText.sink { [weak self] orderStatsLabel in
-            self?.ordersData.text = orderStatsLabel
+            self?.ordersDataOrRedactedView.data = orderStatsLabel
         }.store(in: &cancellables)
 
         viewModel.revenueStatsText.sink { [weak self] revenueStatsLabel in
@@ -193,18 +192,19 @@ private extension StoreStatsV4PeriodViewController {
         }.store(in: &cancellables)
 
         viewModel.conversionStatsText.sink { [weak self] conversionStatsLabel in
-            self?.conversionData.text = conversionStatsLabel
+            self?.conversionDataOrRedactedView.data = conversionStatsLabel
         }.store(in: &cancellables)
     }
 
     func observeSelectedBarIndex() {
         viewModel.$selectedIntervalIndex.sink { [weak self] selectedIndex in
             guard let self = self else { return }
-            let textColor = selectedIndex == nil ? Constants.statsTextColor: Constants.statsHighlightTextColor
-            self.ordersData.textColor = textColor
-            self.visitorsDataOrRedactedView.isHighlighted = selectedIndex != nil
+            let isHighlighted = selectedIndex != nil
+            let textColor = isHighlighted ? Constants.statsHighlightTextColor: Constants.statsTextColor
+            self.ordersDataOrRedactedView.isHighlighted = isHighlighted
+            self.visitorsDataOrRedactedView.isHighlighted = isHighlighted
+            self.conversionDataOrRedactedView.isHighlighted = isHighlighted
             self.revenueData.textColor = textColor
-            self.conversionData.textColor = textColor
 
             self.updateSiteVisitStatsAndConversionRate(selectedIndex: selectedIndex)
         }.store(in: &cancellables)
@@ -469,15 +469,15 @@ private extension StoreStatsV4PeriodViewController {
     }
 
     func updateConversionStatsVisibility(visitStatsMode: SiteVisitStatsMode) {
-        guard conversionData != nil else {
+        guard conversionDataOrRedactedView != nil else {
             return
         }
 
         switch visitStatsMode {
         case .hidden, .redactedDueToJetpack:
-            conversionStackView.isHidden = true
+            conversionDataOrRedactedView.isHidden = true
         case .default:
-            conversionStackView.isHidden = false
+            conversionDataOrRedactedView.isHidden = false
         }
     }
 }
@@ -593,13 +593,13 @@ private extension StoreStatsV4PeriodViewController {
         reloadChart(animateChart: animateChart)
 
         view.accessibilityElements = [ordersTitle as Any,
-                                      ordersData as Any,
+                                      ordersDataOrRedactedView as Any,
                                       visitorsTitle as Any,
                                       visitorsDataOrRedactedView as Any,
                                       revenueTitle as Any,
                                       revenueData as Any,
                                       conversionTitle as Any,
-                                      conversionData as Any,
+                                      conversionDataOrRedactedView as Any,
                                       yAxisAccessibilityView as Any,
                                       xAxisAccessibilityView as Any,
                                       chartAccessibilityView as Any]
@@ -697,10 +697,6 @@ private extension StoreStatsV4PeriodViewController {
     }
 
     func updateStatsDataToDefaultStyles() {
-        [ordersData, conversionData].forEach { label in
-            label?.font = Constants.statsFont
-            label?.textColor = Constants.statsTextColor
-        }
         revenueData.font = Constants.revenueFont
         revenueData.textColor = Constants.statsTextColor
     }