Flair in PostDetailView

Author: carson-katri

Reddit-watchOS WatchKit Extension/ContentView.swift

@@ -53,7 +53,7 @@ struct ContentView: View {
 struct ContentView_Previews: PreviewProvider {
     static var previews: some View {
         List([0, 1, 2], id: \.self) { item in
-            PostView(post: Post(title: "Hello World", name: "hello-world", id: "hw", selftext: "This is some body content. Blah blah\nblah blah blah", selftext_html: nil, thumbnail: "blahblah", url: "", author: "me", subreddit: "swift", score: 1000, num_comments: 50, stickied: true, created_utc: Date().timeIntervalSince1970, preview: nil, replies: nil))
+            PostView(post: Post(title: "Hello World", name: "hello-world", id: "hw", selftext: "This is some body content. Blah blah\nblah blah blah", selftext_html: nil, thumbnail: "blahblah", url: "", author: "me", subreddit: "swift", score: 1000, num_comments: 50, stickied: true, created_utc: Date().timeIntervalSince1970, preview: nil, link_flair_text: "Hello World", is_original_content: true, spoiler: false, replies: nil))
         }
             .listStyle(CarouselListStyle())
     }

Reddit-watchOS WatchKit Extension/Views/PostDetailView.swift

@@ -37,7 +37,7 @@ struct PostDetailView: View {
 #if DEBUG
 struct PostDetailView_Previews: PreviewProvider {
     static var previews: some View {
-        PostDetailView(post: Post(title: "Hello World | This is secondary text", name: "hello-world", id: "hw", selftext: "This is some body content. Blah blah\nblah blah blah", selftext_html: nil, thumbnail: "blahblah", url: "", author: "me", subreddit: "swift", score: 1000, num_comments: 50, stickied: true, created_utc: Date().timeIntervalSince1970, preview: nil, replies: nil))
+        PostDetailView(post: Post(title: "Hello World | This is secondary text", name: "hello-world", id: "hw", selftext: "This is some body content. Blah blah\nblah blah blah", selftext_html: nil, thumbnail: "blahblah", url: "", author: "me", subreddit: "swift", score: 1000, num_comments: 50, stickied: true, created_utc: Date().timeIntervalSince1970, preview: nil, link_flair_text: "Hello World", is_original_content: true, spoiler: false, replies: nil))
     }
 }
 #endif

Reddit-watchOS WatchKit Extension/Views/PostView.swift

@@ -42,7 +42,7 @@ struct PostView: View {
 #if DEBUG
 struct PostView_Previews: PreviewProvider {
     static var previews: some View {
-        PostView(post: Post(title: "Hello World | This is secondary text", name: "hello-world", id: "hw", selftext: "This is some body content. Blah blah\nblah blah blah", selftext_html: nil, thumbnail: "blahblah", url: "", author: "me", subreddit: "swift", score: 1000, num_comments: 50, stickied: true, created_utc: Date().timeIntervalSince1970, preview: nil, replies: nil))
+        PostView(post: Post(title: "Hello World | This is secondary text", name: "hello-world", id: "hw", selftext: "This is some body content. Blah blah\nblah blah blah", selftext_html: nil, thumbnail: "blahblah", url: "", author: "me", subreddit: "swift", score: 1000, num_comments: 50, stickied: true, created_utc: Date().timeIntervalSince1970, preview: nil, link_flair_text: "Hello World", is_original_content: true, spoiler: false, replies: nil))
     }
 }
 #endif

Shared/Models/Post.swift

@@ -26,6 +26,24 @@ struct Post: Decodable, Identifiable {
     let created_utc: Double
     let preview: Preview?
 
+    let link_flair_text: String?
+    let is_original_content: Bool
+    let spoiler: Bool
+    
+    var flairs: [String] {
+        var res: [String] = []
+        if link_flair_text != nil {
+            res.append(link_flair_text!)
+        }
+        if is_original_content {
+            res.append("OC")
+        }
+        if spoiler {
+            res.append("Spoiler")
+        }
+        return res
+    }
+    
     let replies: [Self]?
 
     struct Preview: Decodable {

Shared/Views/FlairView.swift

@@ -0,0 +1,38 @@
+//
+//  TagView.swift
+//  Reddit
+//
+//  Created by Carson Katri on 8/9/19.
+//  Copyright © 2019 Carson Katri. All rights reserved.
+//
+
+import SwiftUI
+
+struct FlairView: View {
+    let flairs: [String]
+    
+    func flair(_ name: String) -> some View {
+        Text(name)
+            .font(.caption)
+            .foregroundColor(.primary)
+            .padding(5)
+            .background(Color.secondary.opacity(0.5))
+            .cornerRadius(4)
+    }
+    
+    var body: some View {
+        HStack {
+            ForEach(flairs, id: \.self) {
+                self.flair($0)
+            }
+        }
+    }
+}
+
+#if DEBUG
+struct FlairView_Previews: PreviewProvider {
+    static var previews: some View {
+        FlairView(flairs: ["Hello", "World"])
+    }
+}
+#endif

Shared/Views/MetadataView.swift

@@ -51,7 +51,7 @@ struct MetadataView: View {
 #if DEBUG
 struct MetadataView_Previews: PreviewProvider {
     static var previews: some View {
-        MetadataView(post: Post(title: "Hello World | This is secondary text", name: "hello-world", id: "hw", selftext: "This is some body content. Blah blah\nblah blah blah", selftext_html: nil, thumbnail: "blahblah", url: "", author: "me", subreddit: "swift", score: 1000, num_comments: 50, stickied: true, created_utc: Date().timeIntervalSince1970, preview: nil, replies: nil), spaced: true)
+        MetadataView(post: Post(title: "Hello World | This is secondary text", name: "hello-world", id: "hw", selftext: "This is some body content. Blah blah\nblah blah blah", selftext_html: nil, thumbnail: "blahblah", url: "", author: "me", subreddit: "swift", score: 1000, num_comments: 50, stickied: true, created_utc: Date().timeIntervalSince1970, preview: nil, link_flair_text: "Hello World", is_original_content: true, spoiler: false, replies: nil), spaced: true)
         .font(.system(size: 10))
     }
 }

Shared/Views/PostDetailView.swift

@@ -53,6 +53,9 @@ struct PostDetailView: View {
             if post.selftext != "" {
                 Text(post.selftext)
             }
+            if post.flairs.count > 0 {
+                FlairView(flairs: post.flairs)
+            }
             MetadataView(post: post, spaced: true)
             CommentsView(post: post)
         }