Update table view style to grouped

Author: ctarda

WooCommerce/Classes/ViewRelated/Orders/OrderStatusListViewController.swift

@@ -98,11 +98,16 @@ final class OrderStatusListViewController: UIViewController {
 //
 extension OrderStatusListViewController {
     func configureNavigationBar() {
+        configureNavigationBarStyle()
         configureTitle()
         configureLeftButton()
         configureRightButton()
     }
 
+    func configureNavigationBarStyle() {
+        navigationController?.navigationBar.barStyle = .black
+    }
+
     func configureTitle() {
         title = NSLocalizedString("Order Status", comment: "Change order status screen - Screen title")
     }
@@ -196,6 +201,10 @@ private extension OrderStatusListViewController {
 // MARK: - UITableViewDatasource conformance
 //
 extension OrderStatusListViewController: UITableViewDataSource {
+    func numberOfSections(in tableView: UITableView) -> Int {
+        return statusResultsController.sections.count
+    }
+
     func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
         return statusResultsController.sections[section].numberOfObjects
     }
@@ -217,6 +226,11 @@ extension OrderStatusListViewController: UITableViewDataSource {
 // MARK: - UITableViewDelegate conformance
 //
 extension OrderStatusListViewController: UITableViewDelegate {
+    func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
+        // iOS 11 table bug. Must return a tiny value to collapse `nil` or `empty` section headers.
+        return CGFloat.leastNonzeroMagnitude
+    }
+
     func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
         selectedStatus = statusResultsController.object(at: indexPath)
     }
@@ -235,6 +249,7 @@ extension OrderStatusListViewController {
 
         AppDelegate.shared.noticePresenter.enqueue(notice: notice)
     }
+    
     /// Displays the `Unable to Change Status of Order` Notice.
     ///
     func displayErrorNotice(orderID: Int) {

WooCommerce/Classes/ViewRelated/Orders/OrderStatusListViewController.xib

@@ -21,9 +21,9 @@
             <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
             <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
             <subviews>
-                <tableView clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" style="plain" separatorStyle="default" rowHeight="-1" estimatedRowHeight="-1" sectionHeaderHeight="28" sectionFooterHeight="28" translatesAutoresizingMaskIntoConstraints="NO" id="nub-3J-oyN">
+                <tableView clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" style="grouped" separatorStyle="default" rowHeight="-1" estimatedRowHeight="-1" sectionHeaderHeight="18" sectionFooterHeight="18" translatesAutoresizingMaskIntoConstraints="NO" id="nub-3J-oyN">
                     <rect key="frame" x="0.0" y="64" width="375" height="603"/>
-                    <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                    <color key="backgroundColor" cocoaTouchSystemColor="groupTableViewBackgroundColor"/>
                 </tableView>
             </subviews>
             <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>