Supporter Badges

damus/Components/Gradients/GoldSupportGradient.swift

@@ -0,0 +1,29 @@
+//
+//  GoldSupportGradient.swift
+//  damus
+//
+//  Created by William Casarin on 2023-05-15.
+//
+
+import SwiftUI
+
+fileprivate let gold_grad_c1 = hex_col(r: 226, g: 168, b: 0)
+fileprivate let gold_grad_c2 = hex_col(r: 249, g: 243, b: 100)
+
+fileprivate let gold_grad = [gold_grad_c2, gold_grad_c1]
+
+let GoldGradient: LinearGradient =
+    LinearGradient(colors: gold_grad, startPoint: .bottomLeading, endPoint: .topTrailing)
+
+struct GoldGradientView: View {
+    var body: some View {
+        GoldGradient
+            .edgesIgnoringSafeArea([.top,.bottom])
+    }
+}
+
+struct GoldGradientView_Previews: PreviewProvider {
+    static var previews: some View {
+        GoldGradientView()
+    }
+}

damus/Components/SupporterBadge.swift

@@ -0,0 +1,73 @@
+//
+//  SupporterBadge.swift
+//  damus
+//
+//  Created by William Casarin on 2023-05-15.
+//
+
+import SwiftUI
+
+struct SupporterBadge: View {
+    let percent: Int
+    
+    let size: CGFloat = 17
+    
+    var body: some View {
+        if percent < 100 {
+            Image("star.fill")
+                .resizable()
+                .frame(width:size, height:size)
+                .foregroundColor(support_level_color(percent))
+        } else {
+            Image("star.fill")
+                .resizable()
+                .frame(width:size, height:size)
+                .foregroundStyle(GoldGradient)
+        }
+    }
+}
+
+func support_level_color(_ percent: Int) -> Color {
+    if percent == 0 {
+        return .gray
+    }
+    
+    let percent_f = Double(percent) / 100.0
+    let cutoff = 0.5
+    let h = cutoff + (percent_f * cutoff); // Hue (note 0.2 = Green, see huge chart below)
+    let s = 0.9; // Saturation
+    let b = 0.9; // Brightness
+    
+    return Color(hue: h, saturation: s, brightness: b)
+}
+
+struct SupporterBadge_Previews: PreviewProvider {
+    static func Level(_ p: Int) -> some View {
+        HStack(alignment: .center) {
+            SupporterBadge(percent: p)
+                .frame(width: 50)
+            Text("\(p)")
+                .frame(width: 50)
+        }
+    }
+    
+    static var previews: some View {
+        VStack(spacing: 0) {
+            VStack(spacing: 0) {
+                Level(1)
+                Level(10)
+                Level(20)
+                Level(30)
+                Level(40)
+                Level(50)
+            }
+            Level(60)
+            Level(70)
+            Level(80)
+            Level(90)
+            Level(100)
+        }
+    }
+}
+
+