// import { getSessionById } from "@/actions/sessionActions";
// import { getStationById } from "@/actions/stationActions";
// import { getTransactionById } from "@/actions/walletActions";
// import TransactionDetails from "@/components/app/payments/TransactionDetails";
// import { notFound } from "next/navigation";

// export default async function TransactionDetailPage({ params }: { params: { id: string } }) {
//   const { id } = params;
//   const transaction = await getTransactionById(id);

//   if (!transaction) {
//     notFound();
//   }

//   let session = null;
//   let station = null;

//   if (transaction.sessionId) {
//     session = await getSessionById(transaction.sessionId);
//     if (session) {
//       station = await getStationById(session.stationId);
//     }
//   }

//   return (
//     <div className="container mx-auto p-4 md:p-6 lg:p-8">
//         <TransactionDetails 
//             transaction={transaction}
//             session={session}
//             station={station}
//         />
//     </div>
//   );
// }