Add new iOS 17 empty states

Author: alobaili

GHFollowers/Screens/FavoritesListViewController.swift

@@ -26,7 +26,26 @@ class FavoritesListViewController: GFDataLoadingViewController {
 
         getFavorites()
     }
-    
+
+    override func updateContentUnavailableConfiguration(
+        using state: UIContentUnavailableConfigurationState
+    ) {
+        super.updateContentUnavailableConfiguration(using: state)
+
+        if favorites.isEmpty {
+            var configuration = UIContentUnavailableConfiguration.empty()
+            configuration.image = .init(systemName: "star")
+            configuration.text = String(localized: "No Favourites", comment: "Empty state message.")
+            configuration.secondaryText = String(
+                localized: "Add a favorite on the follower list screen",
+                comment: "Empty state secondary message."
+            )
+            contentUnavailableConfiguration = configuration
+        } else {
+            contentUnavailableConfiguration = nil
+        }
+    }
+
     func configureViewController() {
         view.backgroundColor = .systemBackground
         title = NSLocalizedString("Favorites", comment: "Faforites screen title (appears in the navigation bar).")
@@ -63,22 +82,13 @@ class FavoritesListViewController: GFDataLoadingViewController {
             }
         }
     }
-    
+
     func updateUI(with favorites: [Follower]) {
-        if favorites.isEmpty {
-            self.showEmptyStateView(
-                withMessage:
-                    NSLocalizedString("No Favorites", comment: "Title for no favorites message.")
-                        + "\n"
-                        + NSLocalizedString("No Favorites Body", comment: "Something like: Add one from the followers screen."),
-                in: self.view
-            )
-        } else {
-            self.favorites = favorites
-            DispatchQueue.main.async {
-                self.tableView.reloadData()
-                self.view.bringSubviewToFront(self.tableView)
-            }
+        self.favorites = favorites
+        setNeedsUpdateContentUnavailableConfiguration()
+        DispatchQueue.main.async {
+            self.tableView.reloadData()
+            self.view.bringSubviewToFront(self.tableView)
         }
     }
 
@@ -120,16 +130,7 @@ extension FavoritesListViewController: UITableViewDataSource, UITableViewDelegat
             guard let error else {
                 self.favorites.remove(at: indexPath.row)
                 tableView.deleteRows(at: [indexPath], with: .automatic)
-
-                if self.favorites.isEmpty {
-                    self.showEmptyStateView(
-                        withMessage:
-                            NSLocalizedString("No Favorites", comment: "Title for no favorites message.")
-                        + "\n"
-                        + NSLocalizedString("No Favorites Body", comment: "Something like: Add one from the followers screen."),
-                        in: self.view
-                    )
-                }
+                setNeedsUpdateContentUnavailableConfiguration()
 
                 return
             }

GHFollowers/Screens/FollowersListViewController.swift

@@ -54,7 +54,28 @@ class FollowersListViewController: GFDataLoadingViewController {
 
         navigationController?.setNavigationBarHidden(false, animated: animated)
     }
-    
+
+    override func updateContentUnavailableConfiguration(
+        using state: UIContentUnavailableConfigurationState
+    ) {
+        super.updateContentUnavailableConfiguration(using: state)
+
+        if followers.isEmpty, !isLoadingMoreFollowers {
+            var configuration = UIContentUnavailableConfiguration.empty()
+            configuration.image = .init(systemName: "person.slash")
+            configuration.text = String(localized: "No Followers", comment: "Empty state message.")
+            configuration.secondaryText = String(
+                localized: "This user has no followers. Go follow them!",
+                comment: "Empty state secondary message."
+            )
+            contentUnavailableConfiguration = configuration
+        } else if isSearching, filteredFollowers.isEmpty {
+            contentUnavailableConfiguration = UIContentUnavailableConfiguration.search()
+        } else {
+            contentUnavailableConfiguration = nil
+        }
+    }
+
     func configureViewController() {
         view.backgroundColor = .systemBackground
         navigationController?.navigationBar.prefersLargeTitles = true
@@ -86,36 +107,38 @@ class FollowersListViewController: GFDataLoadingViewController {
         Task {
             do {
                 let followers = try await NetworkManager.shared.getFollowers(for: username, page: page)
+                dismissLoadingView()
+                isLoadingMoreFollowers = false
                 updateUI(with: followers)
             } catch let error as GFError {
+                dismissLoadingView()
+                isLoadingMoreFollowers = false
                 presentAlert(
                     title: NSLocalizedString("Bad stuff happened", comment: "Error message title."),
                     message: error.localizedDescription,
                     buttonTitle: NSLocalizedString("OK", comment: "Button: OK.")
                 )
             } catch {
+                dismissLoadingView()
+                isLoadingMoreFollowers = false
                 presentDefaultAlert()
             }
-
-            dismissLoadingView()
-            isLoadingMoreFollowers = false
         }
     }
 
     func updateUI(with followers: [Follower]) {
         if followers.count < 100 {
             self.hasMoreFollowers = false
         }
+
         self.followers.append(contentsOf: followers)
-        if self.followers.isEmpty {
-            let message = NSLocalizedString("No Followers Body", comment: "This user doesn't have any followers. Go follow them 😀")
-            DispatchQueue.main.async { self.showEmptyStateView(withMessage: message, in: self.view) }
-            return
-        }
+
         DispatchQueue.main.async {
             self.searchController.searchBar.isHidden = false
         }
-        self.updateData(on: self.followers)
+
+        updateData(on: self.followers)
+        setNeedsUpdateContentUnavailableConfiguration()
     }
 
     func configureDataSource() {
@@ -269,6 +292,7 @@ extension FollowersListViewController: UISearchResultsUpdating {
         isSearching = true
         filteredFollowers = followers.filter { $0.login.lowercased().contains(filter.lowercased()) }
         updateData(on: filteredFollowers)
+        setNeedsUpdateContentUnavailableConfiguration()
     }