Add activity indicator view

Author: allendav

WooCommerce/Classes/ViewRelated/Dashboard/Settings/CardReadersV2/CardReaderSettingsConnectedViewController.swift

@@ -92,13 +92,15 @@ private extension CardReaderSettingsConnectedViewController {
 
         /// This section displays whether or not there is update for the reader software
         ///
-        sections.append(
-            Section(title: nil,
-                    rows: [
-                        .updatePrompt
-                    ]
-            )
-        )
+        let checkForReaderUpdateInProgress = viewModel?.checkForReaderUpdateInProgress ?? false
+        var rows = [Row]()
+        if checkForReaderUpdateInProgress {
+            rows = [.checkingForUpdate]
+        } else {
+            rows = [.updatePrompt]
+        }
+
+        sections.append(Section(title: nil, rows: rows))
 
         /// This section displays details about the connected reader
         ///
@@ -165,6 +167,8 @@ private extension CardReaderSettingsConnectedViewController {
     ///
     func configure(_ cell: UITableViewCell, for row: Row, at indexPath: IndexPath) {
         switch cell {
+        case let cell as ActivitySpinnerAndLabelTableViewCell where row == .checkingForUpdate:
+            configureCheckingForUpdate(cell: cell)
         case let cell as LeftImageTableViewCell where row == .updatePrompt:
             configureUpdatePrompt(cell: cell)
         case let cell as ConnectedReaderTableViewCell where row == .connectedReader:
@@ -178,24 +182,26 @@ private extension CardReaderSettingsConnectedViewController {
         }
     }
 
+    private func configureCheckingForUpdate(cell: ActivitySpinnerAndLabelTableViewCell) {
+        cell.configure(labelText: Localization.updateChecking)
+        cell.selectionStyle = .none
+    }
+
     private func configureUpdatePrompt(cell: LeftImageTableViewCell) {
         guard let readerUpdateAvailable = viewModel?.readerUpdateAvailable else {
             return
         }
 
-        switch readerUpdateAvailable {
-            case .isUnknown:
-                cell.configure(image: .infoOutlineImage, text: Localization.updateChecking)
-                cell.backgroundColor = .none
-                cell.imageView?.tintColor = .warning
-            case .isFalse:
-                cell.configure(image: .infoOutlineImage, text: Localization.updateNotNeeded)
-                cell.backgroundColor = .none
-                cell.imageView?.tintColor = .info
-            case .isTrue:
-                cell.configure(image: .infoOutlineImage, text: Localization.updateAvailable)
-                cell.backgroundColor = .warningBackground
-                cell.imageView?.tintColor = .warning
+        if readerUpdateAvailable == .isFalse {
+            cell.configure(image: .infoOutlineImage, text: Localization.updateNotNeeded)
+            cell.backgroundColor = .none
+            cell.imageView?.tintColor = .info
+        }
+
+        if readerUpdateAvailable == .isTrue {
+            cell.configure(image: .infoOutlineImage, text: Localization.updateAvailable)
+            cell.backgroundColor = .warningBackground
+            cell.imageView?.tintColor = .warning
         }
 
         cell.selectionStyle = .none
@@ -327,13 +333,16 @@ private struct Section {
 }
 
 private enum Row: CaseIterable {
+    case checkingForUpdate
     case updatePrompt
     case connectedReader
     case updateButton
     case disconnectButton
 
     var type: UITableViewCell.Type {
         switch self {
+        case .checkingForUpdate:
+            return ActivitySpinnerAndLabelTableViewCell.self
         case .updatePrompt:
             return LeftImageTableViewCell.self
         case .connectedReader: