components: added reusable gradient button style

2023-05-26 13:56:54 -06:00
parent dfd1032cd8
commit 90c22fdabd
2 changed files with 48 additions and 0 deletions
--- a/damus/Components/GradientButtonStyle.swift
+++ b/damus/Components/GradientButtonStyle.swift
@@ -0,0 +1,45 @@
+//
+//  GradientButtonStyle.swift
+//  damus
+//
+//  Created by eric on 5/20/23.
+//
+
+import SwiftUI
+
+struct GradientButtonStyle: ButtonStyle {
+    func makeBody(configuration: Self.Configuration) -> some View {
+        return configuration.label
+            .padding()
+            .foregroundColor(Color.white)
+            .background {
+                RoundedRectangle(cornerRadius: 12)
+                    .fill(PinkGradient.gradient)
+            }
+            .scaleEffect(configuration.isPressed ? 0.8 : 1)
+    }
+}
+
+
+struct GradientButtonStyle_Previews: PreviewProvider {
+    static var previews: some View {
+        VStack {
+            Button("Dynamic Size", action: {
+                print("dynamic size")
+            })
+            .buttonStyle(GradientButtonStyle())
+            
+            
+            Button(action: {
+                print("infinite width")
+            }) {
+                HStack {
+                    Text("Infinite Width")
+                }
+                .frame(minWidth: 300, maxWidth: .infinity, alignment: .center)
+            }
+            .buttonStyle(GradientButtonStyle())
+            .padding()
+        }
+    }
+}