Merge pull request #6184 from woocommerce/feat/5954-inbox-empty-image

Inbox view part 4: update empty state image

Author: jaclync

WooCommerce/Classes/Extensions/UIImage+Woo.swift

@@ -228,6 +228,12 @@ extension UIImage {
         return UIImage(named: "woo-empty-coupons")!
     }
 
+    /// Empty Inbox Notes Icon
+    ///
+    static var emptyInboxNotesImage: UIImage {
+        UIImage(named: "woo-empty-inbox-notes")!
+    }
+
     /// Empty Products Icon
     ///
     static var emptyProductsImage: UIImage {

WooCommerce/Classes/ViewRelated/Inbox/Inbox.swift

@@ -26,7 +26,7 @@ struct Inbox: View {
                 // TODO: 5954 - update empty state
                 EmptyState(title: Localization.emptyStateTitle,
                            description: Localization.emptyStateMessage,
-                           image: .emptyProductsTabImage)
+                           image: .emptyInboxNotesImage)
                     .frame(maxHeight: .infinity)
             case .syncingFirstPage:
                 ScrollView {

WooCommerce/Resources/Images.xcassets/woo-empty-inbox-notes.imageset/Contents.json

@@ -0,0 +1,25 @@
+{
+  "images" : [
+    {
+      "filename" : "woo-empty-inbox-notes-light.pdf",
+      "idiom" : "universal"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "woo-empty-inbox-notes-dark.pdf",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true
+  }
+}

WooCommerce/Resources/Images.xcassets/woo-empty-inbox-notes.imageset/woo-empty-inbox-notes-dark.pdf

@@ -128,6 +128,10 @@ final class IconsTests: XCTestCase {
         XCTAssertNotNil(UIImage.emptyCouponsImage)
     }
 
+    func test_empty_inbox_notes_image_icon_is_not_nil() {
+        XCTAssertNotNil(UIImage.emptyInboxNotesImage)
+    }
+
     func testEmptyProductsImageIconIsNotNil() {
         XCTAssertNotNil(UIImage.emptyProductsImage)
     }