From 8c3841d9a53e8d116004c54aab26624f9e68451e Mon Sep 17 00:00:00 2001
From: Josh Wright <josh@Joshs-MacBook-Pro.local>
Date: Sun, 5 Apr 2026 08:27:45 -0400
Subject: [PATCH] polish: move queue-times attribution to Rides section heading
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Attribution now sits on the right end of the "RIDES · Live" bar as a
subtle "via queue-times.com" link, making it clear the live ride data
(not the whole site) is sourced from Queue-Times. Removed the orphaned
attribution block from the bottom of LiveRidePanel.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/park/[id]/page.tsx       | 29 +++++++++++++++++++++++++----
 components/LiveRidePanel.tsx | 20 --------------------
 2 files changed, 25 insertions(+), 24 deletions(-)

diff --git a/app/park/[id]/page.tsx b/app/park/[id]/page.tsx
index 7588f43..ce9a635 100644
--- a/app/park/[id]/page.tsx
+++ b/app/park/[id]/page.tsx
@@ -131,7 +131,25 @@ export default async function ParkPage({ params, searchParams }: PageProps) {
 
         {/* ── Ride Status ─────────────────────────────────────────────────── */}
         <section>
-          <SectionHeading>
+          <SectionHeading aside={liveRides ? (
+            <a
+              href="https://queue-times.com"
+              target="_blank"
+              rel="noopener noreferrer"
+              style={{
+                fontSize: "0.68rem",
+                color: "var(--color-text-dim)",
+                textDecoration: "none",
+                display: "flex",
+                alignItems: "center",
+                gap: 4,
+                transition: "color 120ms ease",
+              }}
+              className="park-name-link"
+            >
+              via queue-times.com
+            </a>
+          ) : undefined}>
             Rides
             {liveRides ? (
               <LiveBadge />
@@ -174,12 +192,12 @@ function formatShortDate(iso: string): string {
 
 // ── Sub-components ─────────────────────────────────────────────────────────
 
-function SectionHeading({ children }: { children: React.ReactNode }) {
+function SectionHeading({ children, aside }: { children: React.ReactNode; aside?: React.ReactNode }) {
   return (
     <div style={{
       display: "flex",
-      alignItems: "baseline",
-      gap: 0,
+      alignItems: "center",
+      justifyContent: "space-between",
       marginBottom: 14,
       paddingBottom: 10,
       borderBottom: "1px solid var(--color-border)",
@@ -191,9 +209,12 @@ function SectionHeading({ children }: { children: React.ReactNode }) {
         letterSpacing: "0.04em",
         textTransform: "uppercase",
         margin: 0,
+        display: "flex",
+        alignItems: "center",
       }}>
         {children}
       </h2>
+      {aside}
     </div>
   );
 }
diff --git a/components/LiveRidePanel.tsx b/components/LiveRidePanel.tsx
index 662594d..57f379b 100644
--- a/components/LiveRidePanel.tsx
+++ b/components/LiveRidePanel.tsx
@@ -115,26 +115,6 @@ export function LiveRidePanel({ liveRides, parkOpenToday }: LiveRidePanelProps)
         {closedRides.map((ride) => <RideRow key={ride.name} ride={ride} />)}
       </div>
 
-      {/* ── Attribution ──────────────────────────────────────────────────── */}
-      <div style={{
-        marginTop: 20,
-        fontSize: "0.68rem",
-        color: "var(--color-text-dim)",
-        display: "flex",
-        alignItems: "center",
-        gap: 4,
-      }}>
-        Powered by{" "}
-        <a
-          href="https://queue-times.com"
-          target="_blank"
-          rel="noopener noreferrer"
-          style={{ color: "var(--color-text-muted)", textDecoration: "underline" }}
-        >
-          Queue-Times.com
-        </a>
-        {" "}· Updates every 5 minutes
-      </div>
     </div>
   );
 }