Pass Post into PostEditor, split title/body into TextField/TextEditor

Shared/Navigation/ContentView.swift

@@ -9,7 +9,11 @@ struct ContentView: View {
                 .frame(maxHeight: .infinity)
                 .navigationTitle("Posts")
                 .toolbar {
-                    NavigationLink(destination: PostEditor()) {
+                    NavigationLink(
+                        destination: PostEditor(
+                            post: Post(title: "Title", body: "Write your post here...", createdDate: Date())
+                        )
+                    ) {
                         Image(systemName: "plus")
                     }
                 }

Shared/Post/Post.swift

@@ -7,13 +7,6 @@ struct Post: Identifiable {
     var body: String
     var createdDate: Date
     var status: PostStatus = .draft
-    var editableText: String {
-        return """
-                # \(self.title)
-
-                \(self.body)
-                """
-    }
 }
 
 let testPost = Post(

Shared/Post/PostCell.swift

@@ -4,10 +4,7 @@ struct PostCell: View {
     var post: Post
     var body: some View {
         NavigationLink(
-            destination: PostEditor(
+            destination: PostEditor(post: post)
-                textString: post.editableText,
-                postStatus: post.status
-            )
         ) {
             HStack {
                 VStack(alignment: .leading) {

Shared/Post/PostEditor.swift

@@ -8,34 +8,41 @@
 import SwiftUI
 
 struct PostEditor: View {
-    @State var textString: String = ""
+    @State var post: Post
     @State private var hasUnpublishedChanges: Bool = false
-    var postStatus: PostStatus = .draft
 
     var body: some View {
-        TextEditor(text: $textString.animation())
+        VStack {
-            .font(.body)
+            TextField(post.title, text: $post.title)
-            .padding()
+                .font(.title)
-            .onChange(of: textString) { _ in
+                .multilineTextAlignment(.center)
-                if postStatus == .published {
+                .padding(.bottom)
-                    hasUnpublishedChanges = true
+                .onChange(of: post.title) { _ in
+                    if post.status == .published {
+                        hasUnpublishedChanges = true
+                    }
                 }
-            }
+            TextEditor(text: $post.body)
-            .toolbar {
+                .font(.body)
-                if hasUnpublishedChanges {
+                .padding(.leading)
-                    PostStatusBadge(postStatus: .edited)
+                .onChange(of: post.body) { _ in
-                } else {
+                    if post.status == .published {
-                    PostStatusBadge(postStatus: postStatus)
+                        hasUnpublishedChanges = true
+                    }
                 }
-            }
+                .toolbar {
+                    if hasUnpublishedChanges {
+                        PostStatusBadge(postStatus: .edited)
+                    } else {
+                        PostStatusBadge(postStatus: post.status)
+                    }
+                }
+        }
     }
 }
 
 struct PostEditor_Previews: PreviewProvider {
     static var previews: some View {
-        PostEditor(
+        PostEditor(post: testPost)
-            textString: testPost.editableText,
-            postStatus: testPost.status
-        )
     }
 }