style: commenting and changed component names

This commit is contained in:
etiennecollin
2025-09-06 16:35:03 -04:00
parent 0b22b2277e
commit 4dddbe9b70

View File

@@ -16,7 +16,8 @@ import { formatCode } from "@/utils/format";
export type PrintMode = "list" | "grid"; export type PrintMode = "list" | "grid";
function VoucherBlock({ voucher }: { voucher: Voucher }) { // This component represents a single voucher card to be printed
function VoucherPrintCard({ voucher }: { voucher: Voucher }) {
const { wifiConfig, wifiString } = useGlobal(); const { wifiConfig, wifiString } = useGlobal();
return ( return (
@@ -102,6 +103,7 @@ function VoucherBlock({ voucher }: { voucher: Voucher }) {
); );
} }
// This component handles fetching and displaying vouchers based on URL params
function Vouchers() { function Vouchers() {
const router = useRouter(); const router = useRouter();
const searchParams = useSearchParams(); const searchParams = useSearchParams();
@@ -144,12 +146,13 @@ function Vouchers() {
) : ( ) : (
<div className={mode === "grid" ? "print-grid" : "print-list"}> <div className={mode === "grid" ? "print-grid" : "print-list"}>
{vouchers.map((v) => ( {vouchers.map((v) => (
<VoucherBlock key={v.id} voucher={v} /> <VoucherPrintCard key={v.id} voucher={v} />
))} ))}
</div> </div>
); );
} }
// This sets up the print page itself
export default function PrintPage() { export default function PrintPage() {
const router = useRouter(); const router = useRouter();