05/15 Update: show issue's images, push notifications

2026-05-15 15:41:13 -04:00
parent 9fd3f5b829
commit 7320e88dec
7 changed files with 398 additions and 14 deletions
@@ -28,6 +28,7 @@ struct FlagIssueView: View {

    @State private var showCamera    = false
    @State private var showLibrary   = false
+    @State private var showBanner    = false   // success confirmation banner

    private let maxPhotos = 5

@@ -199,6 +200,33 @@ struct FlagIssueView: View {
                        .fontWeight(.semibold)
                }
            }
+            // ── Submission confirmation banner ─────────────────────────────
+            .overlay(alignment: .top) {
+                if showBanner {
+                    HStack(spacing: 12) {
+                        Image(systemName: "checkmark.circle.fill")
+                            .font(.title2)
+                            .foregroundStyle(.green)
+                        VStack(alignment: .leading, spacing: 2) {
+                            Text("Issue Logged")
+                                .font(.headline)
+                            Text(sync.isOnline ? "Submitted to server." : "Saved — will sync when online.")
+                                .font(.caption)
+                                .foregroundStyle(.secondary)
+                        }
+                        Spacer()
+                    }
+                    .padding(16)
+                    .background(Color(.secondarySystemGroupedBackground))
+                    .clipShape(RoundedRectangle(cornerRadius: 12))
+                    .shadow(color: .black.opacity(0.1), radius: 8, y: 4)
+                    .padding(.horizontal, 24)
+                    .padding(.top, 8)
+                    .transition(.move(edge: .top).combined(with: .opacity))
+                    .zIndex(10)
+                }
+            }
+            .animation(.spring(duration: 0.35), value: showBanner)
            .fullScreenCover(isPresented: $showCamera) {
                CameraPickerView(image: .constant(nil), onSelected: appendPhoto)
                    .ignoresSafeArea()
@@ -272,6 +300,11 @@ struct FlagIssueView: View {
            Task { await sync.triggerSync() }
        }

-        dismiss()
+        // Show confirmation banner for 2 seconds then dismiss.
+        withAnimation { showBanner = true }
+        Task {
+            try? await Task.sleep(for: .seconds(2))
+            dismiss()
+        }
    }
 }