Unified detail views, model

CHDataManagement/Views/Posts/LocalizedPostDetailView.swift

@@ -3,64 +3,25 @@ import SwiftUI
 struct LocalizedPostDetailView: View {
 
     @ObservedObject
-    private var item: LocalizedPost
-
-    init(post: LocalizedPost, showImagePicker: Bool = false) {
-        self.item = post
-        self.showImagePicker = showImagePicker
-    }
-
-    @State
-    private var showImagePicker = false
+    var post: LocalizedPost
 
     var body: some View {
         VStack(alignment: .leading) {
-            Text("Link Preview Title")
-                .font(.headline)
-            OptionalTextField("", text: $item.linkPreviewTitle,
-                              prompt: item.title)
-            .textFieldStyle(.roundedBorder)
-            .padding(.bottom)
+            OptionalStringPropertyView(
+                title: "Preview Title",
+                text: $post.linkPreviewTitle,
+                prompt: post.title,
+                footer: "The title to use for the post when linking to it")
 
-            HStack {
-                Text("Link Preview Image")
-                    .font(.headline)
-                IconButton(symbol: .squareAndPencilCircleFill,
-                           size: 22,
-                           color: .blue) {
-                    showImagePicker = true
-                }.padding(.bottom)
+            OptionalImagePropertyView(
+                title: "Preview Image",
+                selectedImage: $post.linkPreviewImage,
+                footer: "The image to show for previews of this post")
 
-                IconButton(symbol: .trashCircleFill,
-                           size: 22,
-                           color: .red) {
-                    item.linkPreviewImage = nil
-                }.disabled(item.linkPreviewImage == nil)
-                Spacer()
-            }
-
-            .buttonStyle(.plain)
-            if let image = item.linkPreviewImage {
-                image.imageToDisplay
-                    .resizable()
-                    .aspectRatio(contentMode: .fit)
-                    .frame(maxWidth: 400, maxHeight: 300)
-                    .cornerRadius(8)
-                Text(image.id)
-                    .font(.headline)
-            }
-
-            Text("Link Preview Description")
-                .font(.headline)
-                .padding(.top)
-            OptionalDescriptionField(text: $item.linkPreviewDescription)
-                .textFieldStyle(.roundedBorder)
-                .padding(.bottom)
-        }
-        .sheet(isPresented: $showImagePicker) {
-            ImagePickerView(showImagePicker: $showImagePicker) { image in
-                item.linkPreviewImage = image
-            }
+            OptionalTextFieldPropertyView(
+                title: "Preview Description",
+                text: $post.linkPreviewDescription,
+                footer: "The description to show in previews of the post")
         }
     }
 }