Merge pull request #7 from KhubaibKhan4/feature/sort

-Sorting Enhancement

Author: KhubaibKhan4

.DS_Store

@@ -100,12 +100,15 @@ struct HomeScreen: View {
             .navigationTitle(LocalizedStringKey("Notes"))
             .toolbar {
                 ToolbarItem(placement: .topBarLeading) {
-                    Picker("", selection: $sortMode) {
-                        Label("Recent", systemImage: "clock.arrow.circlepath").tag(SortMode.recent)
-                        Label("Title", systemImage: "textformat").tag(SortMode.title)
+                    Menu {
+                        Picker("Sort by", selection: $sortMode) {
+                            Label("Recent", systemImage: "clock.arrow.circlepath").tag(SortMode.recent)
+                            Label("Title", systemImage: "textformat").tag(SortMode.title)
+                        }
+                    } label: {
+                        Image(systemName: "arrow.up.arrow.down.circle")
                     }
-                    .pickerStyle(.segmented)
-                    .frame(maxWidth: 220)
+                    .accessibilityLabel("Sort")
                 }
 
                 ToolbarItem(placement: .topBarTrailing) {

Notes.xcworkspace/xcuserdata/rabeetahmad.xcuserdatad/UserInterfaceState.xcuserstate

@@ -6,12 +6,15 @@
 //
 
 import SwiftUI
+import SwiftData
 import CoreLocation
 import MapKit
 import AVKit
 
 struct NotesDetail: View {
-    @State var notesItem: NotesItem
+    @Environment(\.modelContext) private var context
+
+    @Bindable var notesItem: NotesItem
     @State private var imageSheetExpanded: Bool = false
     @State private var position: MapCameraPosition = .region(
         MKCoordinateRegion(
@@ -69,16 +72,22 @@ struct NotesDetail: View {
                     .foregroundColor(.secondary)
             }
 
-            // Checklist details
+            // Checklist details (interactive)
             if !notesItem.checklist.isEmpty {
                 Section(header: Text("Checklist")) {
-                    ForEach(notesItem.checklist) { item in
-                        HStack {
-                            Image(systemName: item.isDone ? "checkmark.circle.fill" : "circle")
-                                .foregroundColor(item.isDone ? .green : .gray)
+                    ForEach($notesItem.checklist) { $item in
+                        Toggle(isOn: $item.isDone) {
                             Text(item.title)
-                            Spacer()
                         }
+                        .onChange(of: item.isDone) { _, _ in
+                            notesItem.updatedAt = Date()
+                            try? context.save()
+                        }
+                    }
+                    .onDelete { offsets in
+                        notesItem.checklist.remove(atOffsets: offsets)
+                        notesItem.updatedAt = Date()
+                        try? context.save()
                     }
                 }
             }