Implemented the support for the view status in the BrowseView view for the Browse module.

BeReal/UI/Views/ContentView.swift

@@ -38,6 +38,8 @@ struct ContentView: View {
             // TODO: upload a new file
         } showProfile: {
             showSheet = .profile
+        } login: {
+            showSheet = .login
         }
         .sheet(item: $showSheet) { sheet in
             switch sheet {
@@ -71,6 +73,7 @@ private extension ContentView {
         let createFolder: ActionClosure
         let uploadFile: ActionClosure
         let showProfile: ActionClosure
+        let login: ActionClosure
         
         // MARK: Body
         
@@ -84,7 +87,8 @@ private extension ContentView {
                         ),
                         createFolder: createFolder,
                         uploadFile: uploadFile,
-                        showProfile: showProfile
+                        showProfile: showProfile,
+                        login: login
                     )
                 }
             } else {

Modules/Sources/Browse/UI/Views/BrowseView.swift

@@ -18,6 +18,7 @@ public struct BrowseView: View {
     
     // MARK: States
     
+    @State private var status: ViewStatus = .loading
     @State private var items: [any FileSystemItemIdentifiable] = []
     @State private var stack: Stack?
     
@@ -27,6 +28,7 @@ public struct BrowseView: View {
     private let createFolder: ActionClosure
     private let uploadFile: ActionClosure
     private let showProfile: ActionClosure
+    private let login: ActionClosure
     
     private let getItems: GetItemsUseCase = .init()
     
@@ -36,51 +38,83 @@ public struct BrowseView: View {
         folder: Folder,
         createFolder: @escaping ActionClosure,
         uploadFile: @escaping ActionClosure,
-        showProfile: @escaping ActionClosure
+        showProfile: @escaping ActionClosure,
+        login: @escaping ActionClosure
     ) {
         self.folder = folder
         self.createFolder = createFolder
         self.uploadFile = uploadFile
         self.showProfile = showProfile
+        self.login = login
     }
     
     // MARK: Body
     
     public var body: some View {
-        List(items, id: \.id) { item in
+        content
-            switch item {
+            .navigationTitle(folder.name)
-            case is Folder:
+            .toolbar {
-                makeFolderItem(for: item)
+                BrowseToolbar(
-            case is Document:
+                    createFolder: createFolder,
-                DocumentItem(item: item) {
+                    uploadFile: uploadFile,
-                    // TODO: show the item id in a viewer...
+                    showProfile: showProfile
-                } download: {
+                )
-                    // TODO: download the item id from the backend.
+            }
-                } delete: {
+            .task(id: folder) {
-                    // TODO: delete the item id from the backend.
+                await loadItems()
-                }
-            default:
-                EmptyView()
             }
-        }
-        .listStyle(.inset)
-        .navigationTitle(folder.name)
-        .toolbar {
-            BrowseToolbar(
-                createFolder: createFolder,
-                uploadFile: uploadFile,
-                showProfile: showProfile
-            )
-        }
-        .task(id: folder) {
-            await getItemsOrStop()
-        }
     }
 }
 
 // MARK: - UI
 
 private extension BrowseView {
+    
+    // MARK: Properties
+    
+    @ViewBuilder var content: some View {
+        switch status {
+        case .noCredentials:
+            MessageView(
+                type: .noCredentials,
+                action: login
+            )
+        case .loading:
+            LoadingView()
+        case .loaded:
+            List(items, id: \.id) { item in
+                switch item {
+                case is Folder:
+                    makeFolderItem(for: item)
+                case is Document:
+                    DocumentItem(item: item) {
+                        // TODO: show the item id in a viewer...
+                    } download: {
+                        // TODO: download the item id from the backend.
+                    } delete: {
+                        // TODO: delete the item id from the backend.
+                    }
+                default:
+                    EmptyView()
+                }
+            }
+            .listStyle(.inset)
+        case .empty:
+            MessageView(
+                type: .empty,
+                action: uploadFile
+            )
+        case .error:
+            MessageView(type: .error) {
+                Task {
+                    await loadItems()
+                }
+            }
+        }
+    }
+    
+    // MARK: Functions
+    
     @ViewBuilder func makeFolderItem(
         for item: any FileSystemItemIdentifiable
     ) -> some View {
@@ -99,32 +133,58 @@ private extension BrowseView {
                 folder: folder,
                 createFolder: createFolder,
                 uploadFile: uploadFile,
-                showProfile: showProfile
+                showProfile: showProfile,
+                login: login
             ),
             tagged: .browse(folder),
             in: $stack
         )
     }
+
 }
                 
 // MARK: - Helpers
 
 private extension BrowseView {
-    func getItemsOrStop() async {
+    func loadItems() async {
-        guard let account else { return }
+        guard let account else {
+            status = .noCredentials
+            return
+        }
 
         do {
-            items = try await getItems(
+            status = .loading
+
+            let loadedItems = try await getItems(
                 id: folder.id,
                 username: account.username,
                 password: account.password
             )
+            
+            if loadedItems.isEmpty {
+                status = .empty
+            } else {
+                items = loadedItems
+                status = .loaded
+            }
         } catch {
-            // TODO: handle the error appropriately.
+            status = .error
         }
     }
 }
 
+// MARK: - Enumerations
+
+private extension BrowseView {
+    enum ViewStatus {
+        case noCredentials
+        case loading
+        case loaded
+        case empty
+        case error
+    }
+}
+
 // MARK: - Previews
 
 struct BrowseView_Previews: PreviewProvider {
@@ -134,11 +194,13 @@ struct BrowseView_Previews: PreviewProvider {
                 id: UUID().uuidString,
                 name: "Some folder name"
             )) {
-                // ...
+                // create folder closure.
             } uploadFile: {
-                // ...
+                // upload file closure.
             } showProfile: {
-                // ...
+                // show profile closure.
+            } login: {
+                // login closure.
             }
         }
     }