Merge pull request #922 from DimensionDev/ios/20250508

add x spaces list

Author: 110

iosApp/iosApp/Localizable.xcstrings

@@ -16832,6 +16832,7 @@
       }
     },
     "Confirm" : {
+      "extractionState" : "stale",
       "localizations" : {
         "ar" : {
           "stringUnit" : {
@@ -24103,6 +24104,7 @@
       }
     },
     "Enter Podcast/Space ID" : {
+      "extractionState" : "stale",
       "localizations" : {
         "ar" : {
           "stringUnit" : {
@@ -24598,6 +24600,9 @@
           }
         }
       }
+    },
+    "Error Loading Spaces" : {
+
     },
     "fans_title" : {
       "comment" : "",
@@ -29615,6 +29620,9 @@
     },
     "Instance Rules" : {
 
+    },
+    "Invalid item at index \\(index)" : {
+
     },
     "like" : {
       "comment" : "",
@@ -32341,6 +32349,9 @@
           }
         }
       }
+    },
+    "Live" : {
+
     },
     "LIVE" : {
       "localizations" : {
@@ -32955,6 +32966,9 @@
           }
         }
       }
+    },
+    "Loading Spaces..." : {
+
     },
     "local_filter_add" : {
       "comment" : "",
@@ -73366,6 +73380,9 @@
           }
         }
       }
+    },
+    "No Spaces Available" : {
+
     },
     "no_accounts" : {
       "localizations" : {
@@ -85422,6 +85439,7 @@
       }
     },
     "Set Test Replay ID" : {
+      "extractionState" : "stale",
       "localizations" : {
         "ar" : {
           "stringUnit" : {
@@ -102717,6 +102735,9 @@
           }
         }
       }
+    },
+    "There are currently no live or recorded Spaces to show." : {
+
     },
     "This might be because the current user is not set, the instance host is not configured, or data is still loading." : {
 
@@ -107831,6 +107852,7 @@
       }
     },
     "XSpace Test" : {
+      "extractionState" : "stale",
       "localizations" : {
         "ar" : {
           "stringUnit" : {
@@ -107955,6 +107977,7 @@
       }
     },
     "XSpaces list comming soon" : {
+      "extractionState" : "stale",
       "localizations" : {
         "ar" : {
           "stringUnit" : {
@@ -108077,6 +108100,9 @@
           }
         }
       }
+    },
+    "You follow the X Spaces" : {
+
     },
     "Your account doesn't have any feeds" : {
       "localizations" : {

iosApp/iosApp/UI/Page/Space/SpaceScreen.swift

@@ -1,41 +1,161 @@
 import shared
 import SwiftUI
+import Kingfisher
 
 struct SpaceScreen: View {
     let accountType: AccountType
     @EnvironmentObject private var router: FlareRouter
-    @State private var podcastIdInput: String = ""
+    @State private var presenter: PodcastListPresenter
+
+    init(accountType: AccountType) {
+        self.accountType = accountType
+        _presenter = .init(initialValue: PodcastListPresenter(accountType: accountType))
+    }
 
     var body: some View {
-        VStack(spacing: 20) {
-            Text("XSpaces list comming soon")
+        ObservePresenter(presenter: presenter) { state in
+            feedsListView(state)
+        }
+    }
+
+    @ViewBuilder
+    private func feedsListView(_ state: PodcastListPresenterState) -> some View {
+        switch onEnum(of: state.data) {
+        case .loading:
+            loadingView
+        case let .success(successData):
+            if  successData.data.count == 0 {
+                emptyView()
+            } else {
+                podcastsListView(podcastsList: successData.data)
+            }
+        case let .error(errorState):
+            errorView(errorState: errorState)
+        }
+    }
+
+    private var loadingView: some View {
+        VStack {
+            ProgressView("Loading Spaces...")
+            Spacer()
+        }
+        .frame(maxWidth: .infinity, maxHeight: .infinity)
+    }
+
+    @ViewBuilder
+    private func podcastsListView(podcastsList: NSArray) -> some View {
+        List {
+            ForEach(0 ..< podcastsList.count, id: \.self) { index in
+                if let podcast = podcastsList[index] as? UiPodcast {
+                    PodcastRowView(podcast: podcast, accountType: accountType)
+                } else {
+                    Text("Invalid item at index \\(index)")
+                        .foregroundColor(.red)
+                }
+            }
+        }
+        .listStyle(.plain)
+        .navigationTitle("You follow the X Spaces")
+        .navigationBarTitleDisplayMode(.inline)
+    }
+
+    private func emptyView() -> some View {
+        VStack(spacing: 16) {
+            Image(systemName: "mic.slash.fill")
+                .font(.largeTitle)
+                .foregroundColor(.secondary)
+            Text("No Spaces Available")
+                .font(.headline)
+            Text("There are currently no live or recorded Spaces to show.")
+                .font(.subheadline)
+                .foregroundColor(.gray)
+        }
+        .frame(maxWidth: .infinity, maxHeight: .infinity)
+    }
+
+    private func errorView(errorState: UiStateError<NSArray>) -> some View {
+        let errorMessage = errorState.throwable.message ?? "An unknown error occurred"
+        return VStack(spacing: 16) {
+            Image(systemName: "exclamationmark.triangle.fill")
                 .font(.largeTitle)
-                .padding(.top)
+                .foregroundColor(.red)
+            Text("Error Loading Spaces")
+                .font(.headline)
+            Text(errorMessage)
+                .font(.subheadline)
+                .foregroundColor(.gray)
+                .multilineTextAlignment(.center)
+                .padding(.horizontal)
+                .buttonStyle(.borderedProminent)
+        }
+        .frame(maxWidth: .infinity, maxHeight: .infinity)
+    }
+}
+
+private struct PodcastRowView: View {
+    let podcast: UiPodcast
+    let accountType: AccountType
+    @EnvironmentObject private var router: FlareRouter
 
+    var body: some View {
+        VStack(alignment: .leading, spacing: 8) {
             HStack {
-                TextField("Enter Podcast/Space ID", text: $podcastIdInput)
-                    .textFieldStyle(.roundedBorder)
-                    .autocapitalization(.none)
-                    .disableAutocorrection(true)
-
-                Button("Confirm") {
-                    guard !podcastIdInput.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty else { return }
-                    router.navigate(to: .podcastSheet(accountType: accountType, podcastId: podcastIdInput))
+                if !podcast.ended {
+                    LiveIndicatorView()
                 }
-                .buttonStyle(.borderedProminent)
-                .disabled(podcastIdInput.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty)
+               Spacer()
+//                Image(systemName: "ellipsis")
+//                    .foregroundColor(.secondary)
             }
-            .padding(.horizontal)
 
-            Button("Set Test Replay ID") {
-                podcastIdInput = "1jMJgkygVkXJL"
+            Text(podcast.title)
+                .font(.title3.weight(.semibold))
+                .lineLimit(3)
+
+//            HStack(spacing: 4) {
+//                Image(systemName: "headphones")
+//                Text("\(podcast.listeners.count) Listening")
+//            }
+//            .font(.subheadline)
+//            .foregroundColor(.secondary)
+//            .padding(.bottom, 4)
+            
+            HStack(spacing: 8) {
+                KFImage(URL(string: podcast.creator.avatar))
+                    .resizable()
+                    .placeholder { Image(systemName: "person.circle.fill").resizable().foregroundColor(.gray) }
+                    .aspectRatio(contentMode: .fill)
+                    .frame(width: 24, height: 24)
+                    .clipShape(Circle())
+                
+                Text(podcast.creator.name.raw)
+                    .font(.subheadline.weight(.medium))
+                    .lineLimit(1)
             }
-            .buttonStyle(.bordered)
+        }
+        .padding()
+        .background(Color.teal.opacity(0.1))
+        .cornerRadius(12)
+        .contentShape(Rectangle())
+        .onTapGesture {
+            router.navigate(to: .podcastSheet(accountType: accountType, podcastId: podcast.id))
+        }
+        .listRowSeparator(.hidden)
+        .listRowInsets(EdgeInsets(top: 8, leading: 16, bottom: 8, trailing: 16))
+    }
+}
 
-            Spacer()
+private struct LiveIndicatorView: View {
+    var body: some View {
+        HStack(spacing: 4) {
+            Image(systemName: "antenna.radiowaves.left.and.right")
+            Text("Live")
         }
-        .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .top)
-        .navigationTitle("XSpace Test")
-        .navigationBarTitleDisplayMode(.inline)
+        .font(.caption.weight(.bold))
+        .foregroundColor(.red)
+        .padding(.horizontal, 6)
+        .padding(.vertical, 3)
+        .background(Color.red.opacity(0.1))
+        .cornerRadius(6)
     }
 }