admin roadmap trips ops and payment ops

features/refund/components/refund-review-card.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useState } from "react";
+import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { decideRefundAction } from "@/features/refund/actions";
 import { formatRupiah } from "@/lib/utils";
@@ -119,7 +120,20 @@ export function RefundReviewCard({ refund }: { refund: RefundCardData }) {
           label="Peserta booking"
           value={`${refund.booking.user.name} · ${refund.booking.user.email}`}
         />
-        <Field label="Booking ID" value={refund.booking.id} mono />
+        <div>
+          <p className="text-[10px] font-semibold uppercase tracking-wide text-neutral-500">
+            Booking ID
+          </p>
+          <p className="mt-0.5 font-mono text-xs text-neutral-700">
+            {refund.booking.id}
+          </p>
+          <Link
+            href={`/admin/bookings/${refund.booking.id}`}
+            className="mt-1 inline-block text-[11px] font-semibold text-secondary-700 hover:text-secondary-900"
+          >
+            → Lihat timeline payment & refund
+          </Link>
+        </div>
         <Field
           label="Tanggal trip"
           value={formatDate(refund.booking.trip.date)}