chore: make cli-auth link visually responsive (#58)

ethanndickson · web-flow · commit 270c7d083760 · 2025-02-18T22:25:33.000+11:00
diff --git a/Coder Desktop/Coder Desktop/Views/LoginForm.swift b/Coder Desktop/Coder Desktop/Views/LoginForm.swift
@@ -131,9 +131,7 @@ struct LoginForm<S: Session>: View {
                         Text("Generate a session token at ")
                             .font(.subheadline)
                             .foregroundColor(.secondary)
-                        Link(cliAuthURL.absoluteString, destination: cliAuthURL)
-                            .font(.subheadline)
-                            .foregroundColor(.blue)
+                        ResponsiveLink(title: cliAuthURL.absoluteString, destination: cliAuthURL)
                     }
                 }
             }.formStyle(.grouped).scrollDisabled(true).padding(.horizontal)
diff --git a/Coder Desktop/Coder Desktop/Views/ResponsiveLink.swift b/Coder Desktop/Coder Desktop/Views/ResponsiveLink.swift
@@ -0,0 +1,39 @@
+import SwiftUI
+
+struct ResponsiveLink: View {
+    let title: String
+    let destination: URL
+
+    @State private var isHovered = false
+    @State private var isPressed = false
+    @Environment(\.openURL) private var openURL
+
+    var body: some View {
+        Text(title)
+            .font(.subheadline)
+            .foregroundColor(isPressed ? .red : .blue)
+            .underline(isHovered, color: isPressed ? .red : .blue)
+            .onHover { hovering in
+                isHovered = hovering
+                if hovering {
+                    NSCursor.pointingHand.push()
+                } else {
+                    NSCursor.pop()
+                }
+            }
+            .simultaneousGesture(
+                DragGesture(minimumDistance: 0)
+                    .onChanged { _ in
+                        withAnimation(.easeInOut(duration: 0.1)) {
+                            isPressed = true
+                        }
+                    }
+                    .onEnded { _ in
+                        withAnimation(.easeInOut(duration: 0.1)) {
+                            isPressed = false
+                        }
+                        openURL(destination)
+                    }
+            )
+    }
+}

Original file line number	Diff line number	Diff line change
`@@ -131,9 +131,7 @@ struct LoginForm<S: Session>: View {`
`131`	`131`	`Text("Generate a session token at ")`
`132`	`132`	`.font(.subheadline)`
`133`	`133`	`.foregroundColor(.secondary)`
`134`		`- Link(cliAuthURL.absoluteString, destination: cliAuthURL)`
`135`		`- .font(.subheadline)`
`136`		`- .foregroundColor(.blue)`
	`134`	`+ ResponsiveLink(title: cliAuthURL.absoluteString, destination: cliAuthURL)`
`137`	`135`	`}`
`138`	`136`	`}`
`139`	`137`	`}.formStyle(.grouped).scrollDisabled(true).padding(.horizontal)`