Show WooCommerce blog from Learn More button

Author: staskus

Modules/Sources/PointOfSale/Presentation/Orders/POSOrderListView.swift

@@ -101,9 +101,6 @@ struct POSOrderListView: View {
             analytics.track(event: WooAnalyticsEvent.PointOfSale.ordersListPullToRefresh())
             await orderListModel.ordersController.refreshOrders()
         }
-        .task {
-            await orderListModel.ordersController.loadOrders()
-        }
     }
 
     @ViewBuilder

Modules/Sources/PointOfSale/Presentation/Orders/POSOrdersView.swift

@@ -1,6 +1,7 @@
 import SwiftUI
 import UIKit
 import struct WooFoundation.WooAnalyticsEvent
+import struct WooFoundation.SafariView
 
 struct POSOrdersView: View {
     @Binding var isPresented: Bool
@@ -9,8 +10,17 @@ struct POSOrdersView: View {
     @Environment(\.posAnalytics) private var analytics
     @State private var isSearching: Bool = false
     @State private var searchTerm: String = ""
+    @State private var showBlog = false
 
     var body: some View {
+        contentView
+            .task {
+                await orderListModel.ordersController.loadOrders()
+            }
+    }
+
+    @ViewBuilder
+    private var contentView: some View {
         switch (orderListModel.ordersController.ordersViewState, isSearching) {
         case (.error(let error), false):
             errorView(error)
@@ -70,16 +80,6 @@ struct POSOrdersView: View {
     @ViewBuilder
     private func errorView(_ error: PointOfSaleErrorState) -> some View {
         ZStack {
-            VStack {
-                POSPageHeaderView(
-                    title: POSOrderListView.Localization.ordersTitle,
-                    backButtonConfiguration: .init(state: .enabled, action: {
-                        isPresented = false
-                    }))
-                .posHeaderBackButtonIcon(systemName: "xmark")
-                Spacer()
-            }
-
             VStack {
                 Spacer()
                 POSListErrorView(error: error) {
@@ -89,12 +89,7 @@ struct POSOrdersView: View {
                 }
                 Spacer()
             }
-        }
-    }
 
-    @ViewBuilder
-    private func emptyView() -> some View {
-        ZStack {
             VStack {
                 POSPageHeaderView(
                     title: POSOrderListView.Localization.ordersTitle,
@@ -104,18 +99,34 @@ struct POSOrdersView: View {
                 .posHeaderBackButtonIcon(systemName: "xmark")
                 Spacer()
             }
+        }
+    }
 
+    @ViewBuilder
+    private func emptyView() -> some View {
+        ZStack {
             VStack {
                 Spacer()
                 POSListEmptyView(
                     viewModel: POSOrderListEmptyViewModel(isSearching: false)
                 ) {
-                    Task { @MainActor in
-                        await orderListModel.ordersController.loadOrders()
-                    }
+                    showBlog = true
                 }
                 Spacer()
             }
+
+            VStack {
+                POSPageHeaderView(
+                    title: POSOrderListView.Localization.ordersTitle,
+                    backButtonConfiguration: .init(state: .enabled, action: {
+                        isPresented = false
+                    }))
+                .posHeaderBackButtonIcon(systemName: "xmark")
+                Spacer()
+            }
+        }
+        .posFullScreenCover(isPresented: $showBlog) {
+            SafariView(url: POSConstants.URLs.wooCommerceBlog.asURL())
         }
     }
 }

Modules/Sources/PointOfSale/Utils/POSConstants.swift

@@ -20,6 +20,10 @@ enum POSConstants {
         ///
         case inPersonPaymentsLearnMoreWCPay =
                 "https://woocommerce.com/document/woocommerce-payments/in-person-payments/getting-started-with-in-person-payments/"
+
+        /// URL for WooCommerce blog
+        ///
+        case wooCommerceBlog = "https://woocommerce.com/blog/"
     }
 }