Show non-atomic site error when selecting non-atomic sites from the site picker

Author: itsmeichigo

WooCommerce/Classes/Authentication/Epilogue/StorePickerViewController.swift

@@ -686,10 +686,16 @@ extension StorePickerViewController: UITableViewDelegate {
         }
 
         guard site.isWooCommerceActive else {
-            ServiceLocator.analytics.track(.sitePickerNonWooSiteTapped, withProperties: ["is_non_atomic": !site.isJetpackConnected])
-            tableView.deselectRow(at: indexPath, animated: true)
-            showNoWooError(for: site)
-            return
+            let isNonAtomicSite = !site.isJetpackConnected
+            ServiceLocator.analytics.track(.sitePickerNonWooSiteTapped, withProperties: ["is_non_atomic": isNonAtomicSite])
+
+            if isNonAtomicSite {
+                showNonAtomicSiteError(for: site)
+            } else {
+                showNoWooError(for: site)
+            }
+            
+            return tableView.deselectRow(at: indexPath, animated: true)
         }
 
         reloadSelectedStoreRows() {
@@ -722,6 +728,13 @@ private extension StorePickerViewController {
         }
     }
 
+    func showNonAtomicSiteError(for site: Site) {
+        let viewModel = NonAtomicSiteViewModel(site: site, stores: stores)
+        let errorController = ULErrorViewController(viewModel: viewModel)
+        navigationController?.show(errorController, sender: nil)
+        navigationController?.setNavigationBarHidden(false, animated: true)
+    }
+
     func showNoWooError(for site: Site) {
         let viewModel = NoWooErrorViewModel(
             site: site,