Build 21

ios/OpenClimb/Views/ProblemsView.swift

@@ -32,9 +32,19 @@ struct ProblemsView: View {
             filtered = filtered.filter { $0.gymId == gym.id }
         }
 
-        // Separate active and inactive problems
-        let active = filtered.filter { $0.isActive }.sorted { $0.updatedAt > $1.updatedAt }
-        let inactive = filtered.filter { !$0.isActive }.sorted { $0.updatedAt > $1.updatedAt }
+        // Separate active and inactive problems with stable sorting
+        let active = filtered.filter { $0.isActive }.sorted {
+            if $0.updatedAt == $1.updatedAt {
+                return $0.id.uuidString < $1.id.uuidString  // Stable fallback
+            }
+            return $0.updatedAt > $1.updatedAt
+        }
+        let inactive = filtered.filter { !$0.isActive }.sorted {
+            if $0.updatedAt == $1.updatedAt {
+                return $0.id.uuidString < $1.id.uuidString  // Stable fallback
+            }
+            return $0.updatedAt > $1.updatedAt
+        }
 
         return active + inactive
     }
@@ -261,7 +271,7 @@ struct ProblemsList: View {
     @State private var problemToEdit: Problem?
 
     var body: some View {
-        List(problems) { problem in
+        List(problems, id: \.id) { problem in
             NavigationLink(destination: ProblemDetailView(problemId: problem.id)) {
                 ProblemRow(problem: problem)
             }
@@ -273,8 +283,12 @@ struct ProblemsList: View {
                 }
 
                 Button {
-                    let updatedProblem = problem.updated(isActive: !problem.isActive)
-                    dataManager.updateProblem(updatedProblem)
+                    // Use a spring animation for more natural movement
+                    withAnimation(.spring(response: 0.5, dampingFraction: 0.8, blendDuration: 0.1))
+                    {
+                        let updatedProblem = problem.updated(isActive: !problem.isActive)
+                        dataManager.updateProblem(updatedProblem)
+                    }
                 } label: {
                     Label(
                         problem.isActive ? "Mark as Reset" : "Mark as Active",
@@ -293,6 +307,14 @@ struct ProblemsList: View {
                 .tint(.blue)
             }
         }
+        .animation(
+            .spring(response: 0.5, dampingFraction: 0.8, blendDuration: 0.1),
+            value: problems.map { "\($0.id):\($0.isActive)" }.joined()
+        )
+        .listStyle(.plain)
+        .scrollContentBackground(.hidden)
+        .scrollIndicators(.hidden)
+        .clipped()
         .alert("Delete Problem", isPresented: .constant(problemToDelete != nil)) {
             Button("Cancel", role: .cancel) {
                 problemToDelete = nil