Add loading states and skeleton views for community and dashboard

Co-authored-by: sayed44net <sayed44net@gmail.com>

Author: cursoragent

ios/ResilientMe/Managers/CommunityManager.swift

@@ -27,10 +27,12 @@ struct CommunityStory: Identifiable, Codable {
 
 final class CommunityManager: ObservableObject {
     @Published private(set) var stories: [CommunityStory] = []
+    @Published var isLoading: Bool = false
 
     func loadStories() async {
         #if canImport(FirebaseFirestore)
         guard FirebaseManager.shared.isConfigured else { return }
+        await MainActor.run { self.isLoading = true }
         let db = Firestore.firestore()
         let snapshot = try? await db.collection("community").whereField("status", isEqualTo: "visible").order(by: "createdAt", descending: true).limit(to: 100).getDocuments()
         let list: [CommunityStory] = snapshot?.documents.compactMap { doc in
@@ -44,7 +46,10 @@ final class CommunityManager: ObservableObject {
             reactionsMap.forEach { key, value in if let r = Reaction(rawValue: key) { reactions[r] = value } }
             return CommunityStory(id: doc.documentID, type: type, content: content, createdAt: ts.dateValue(), reactions: reactions, userReaction: nil)
         } ?? []
-        await MainActor.run { self.stories = list }
+        await MainActor.run {
+            self.stories = list
+            self.isLoading = false
+        }
         #endif
     }
 
@@ -54,6 +59,11 @@ final class CommunityManager: ObservableObject {
     }
 
     func addReaction(to story: CommunityStory, reaction: Reaction) {
+        // optimistic update
+        if let idx = stories.firstIndex(where: { $0.id == story.id }) {
+            stories[idx].reactions[reaction, default: 0] += 1
+            stories[idx].userReaction = reaction
+        }
         #if canImport(FirebaseFunctions)
         guard FirebaseManager.shared.isConfigured else { return }
         let functions = Functions.functions()

ios/ResilientMe/Views/Community/CommunityView.swift

@@ -19,7 +19,11 @@ struct CommunityView: View {
                     .padding(.horizontal)
                 }
 
-                if manager.getStories(filter: selectedFilter).isEmpty {
+                if manager.isLoading {
+                    VStack(spacing: 12) {
+                        ForEach(0..<6) { _ in SkeletonView(height: 72, cornerRadius: 12) }
+                    }.padding()
+                } else if manager.getStories(filter: selectedFilter).isEmpty {
                     VStack(spacing: 12) {
                         Text("No stories yet.").font(.resilientHeadline)
                         Text("Share your first story. Someone will relate.").font(.resilientBody).foregroundColor(.secondary)

ios/ResilientMe/Views/DashboardView.swift

@@ -6,17 +6,24 @@ import FirebaseFirestore
 struct DashboardView: View {
     @EnvironmentObject private var analyticsManager: AnalyticsManager
     @State private var patterns: [Pattern] = []
+    @State private var isLoading: Bool = true
 
     var body: some View {
         NavigationView {
             ScrollView {
                 VStack(spacing: 16) {
-                    ResilienceRing(score: analyticsManager.currentResilienceScore)
-                    WeeklyStatsCard(stats: analyticsManager.weeklyStats)
-                    if !patterns.isEmpty {
-                        PatternAlertsCard(patterns: patterns)
+                    if isLoading {
+                        SkeletonView(height: 180, cornerRadius: 16)
+                        SkeletonView(height: 110, cornerRadius: 16)
+                        SkeletonView(height: 140, cornerRadius: 16)
+                    } else {
+                        ResilienceRing(score: analyticsManager.currentResilienceScore)
+                        WeeklyStatsCard(stats: analyticsManager.weeklyStats)
+                        if !patterns.isEmpty {
+                            PatternAlertsCard(patterns: patterns)
+                        }
+                        RecoveryTrendsChart(points: analyticsManager.recoveryTrend)
                     }
-                    RecoveryTrendsChart(points: analyticsManager.recoveryTrend)
                 }
                 .padding()
             }
@@ -34,9 +41,11 @@ struct DashboardView: View {
                 }
             }
             .onAppear {
+                isLoading = true
                 analyticsManager.recalculate()
                 loadPatterns()
                 AnalyticsManager.trackScreenView("Dashboard")
+                DispatchQueue.main.asyncAfter(deadline: .now() + 0.4) { isLoading = false }
             }
         }
         .background(Color.resilientBackground.ignoresSafeArea())