Merge pull request #284 from woocommerce/issue/136-orders-list-states

Orders List: Empty + Error States

Author: jleandroperez

WooCommerce/Classes/Extensions/UIButton+Helpers.swift

@@ -1,12 +1,43 @@
 import UIKit
 
+
+/// WooCommerce UIButton Style Helpers
+///
 extension UIButton {
+
+    /// Applies the Primary Button Style: Solid BG!
+    ///
     func applyPrimaryButtonStyle() {
-        layer.borderColor = StyleManager.wooCommerceBrandColor.cgColor
         backgroundColor = StyleManager.wooCommerceBrandColor
+        contentEdgeInsets = Style.defaultEdgeInsets
         tintColor = .white
-        layer.cornerRadius = 8.0
-        contentEdgeInsets = UIEdgeInsetsMake(16.0, 16.0, 16.0, 16.0)
+        layer.borderColor = StyleManager.wooCommerceBrandColor.cgColor
+        layer.borderWidth = Style.defaultBorderWidth
+        layer.cornerRadius = Style.defaultCornerRadius
         titleLabel?.applyHeadlineStyle()
     }
+
+    /// Applies the Primary Button Style: Clear BG / Bordered Outline
+    ///
+    func applySecondaryButtonStyle() {
+        backgroundColor = .clear
+        contentEdgeInsets = Style.defaultEdgeInsets
+        tintColor = StyleManager.wooCommerceBrandColor
+        layer.borderColor = StyleManager.wooCommerceBrandColor.cgColor
+        layer.borderWidth = Style.defaultBorderWidth
+        layer.cornerRadius = Style.defaultCornerRadius
+        titleLabel?.applyHeadlineStyle()
+    }
+}
+
+
+// MARK: - Private Structures
+//
+private extension UIButton {
+
+    struct Style {
+        static let defaultCornerRadius = CGFloat(8.0)
+        static let defaultBorderWidth = CGFloat(1.0)
+        static let defaultEdgeInsets = UIEdgeInsets(top: 12, left: 22, bottom: 12, right: 22)
+    }
 }

WooCommerce/Classes/Extensions/UIImage+Woo.swift

@@ -32,4 +32,16 @@ extension UIImage {
     static var jetpackLogoImage: UIImage {
         return UIImage(named: "icon-jetpack-gray")!
     }
+
+    /// Error State Image
+    ///
+    static var errorStateImage: UIImage {
+        return UIImage(named: "woo-error-state")!
+    }
+
+    /// Waiting for Customers Image
+    ///
+    static var waitingForCustomersImage: UIImage {
+        return UIImage(named: "woo-waiting-customers")!
+    }
 }