Add Creators and Custom Designs Editing (#229)

* Add Design Editing

This PR adds editing to the Creators and Custom Designs feature.

* Make the row fully tappable

* Simplify .updateDesign(_:)

Author: otaviocc

ACHNBrowserUI/ACHNBrowserUI/packages/Backend/Sources/Backend/environments/UserCollection.swift

@@ -247,6 +247,12 @@ public class UserCollection: ObservableObject {
         save()
     }
 
+    public func updateDesign(_ design: Design) {
+        guard let index = designs.firstIndex(of: design) else { return }
+        designs[index] = design
+        save()
+    }
+
     // MARK: - Chores
 
     public func addChore(_ chore: Chore) {

ACHNBrowserUI/ACHNBrowserUI/viewModels/DesignFormViewModel.swift

@@ -18,17 +18,23 @@ final class DesignFormViewModel: ObservableObject {
     // MARK: - Private properties
 
     private let userCollection: UserCollection
+    private let isEditing: Bool
 
     // MARK: - Life cycle
 
     init(design: Design?, userCollection: UserCollection = .shared) {
+        self.isEditing = design != nil
         self.design = design ?? Design()
         self.userCollection = userCollection
     }
 
     // MARK: - Public
 
     func save() {
-        userCollection.addDesign(design)
+        if isEditing {
+            userCollection.updateDesign(design)
+        } else {
+            userCollection.addDesign(design)
+        }
     }
 }

ACHNBrowserUI/ACHNBrowserUI/views/design/DesignListView.swift

@@ -14,6 +14,7 @@ struct DesignListView: View {
 
     @ObservedObject private var viewModel: DesignListViewModel
     @State private var sheet: Sheet.SheetType?
+    @State private var editingMode: EditMode = .inactive
 
     // MARK: - Life cycle
 
@@ -34,12 +35,20 @@ struct DesignListView: View {
 
             ForEach(viewModel.designs) { design in
                 DesignRowView(viewModel: DesignRowViewModel(design: design))
+                    .contentShape(Rectangle())
+                    .onTapGesture {
+                        if self.editingMode == .active {
+                            self.sheet = .designForm(editingDesign: design)
+                        }
+                    }
             }.onDelete { indexes in
                 self.viewModel.deleteDesign(at: indexes.first!)
             }
         }
         .navigationBarTitle(Text("Designs"), displayMode: .automatic)
+        .navigationBarItems(trailing: EditButton())
         .sheet(item: $sheet, content: { Sheet(sheetType: $0) })
+        .environment(\.editMode, self.$editingMode)
     }
 }
 

ACHNBrowserUI/ACHNBrowserUI/views/design/DesignRowView.swift

@@ -13,7 +13,8 @@ struct DesignRowView: View {
 
     // MARK: - Properties
 
-    let viewModel: DesignRowViewModel
+    private let viewModel: DesignRowViewModel
+    private let id = UUID()
 
     // MARK: - Life cycle