Add PDF417 barcode rendering component

Implements client-side PDF417 barcode rendering with React component.
Uses useEffect to prevent hydration mismatch by generating barcodes
only after component mount. Integrates barcode display in location cards.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Knee Cola
2025-11-22 14:22:57 +01:00
parent fe980723c0
commit 371333802a
3 changed files with 103 additions and 0 deletions

View File

@@ -6,6 +6,7 @@ import { formatYearMonth } from "../lib/format";
import { formatCurrency } from "../lib/formatStrings";
import { useTranslations } from "next-intl";
import { ViewBillBadge } from "./ViewBillBadge";
import { Pdf417Barcode } from "./Pdf417Barcode";
export interface ViewLocationCardProps {
location: BillingLocation
@@ -34,6 +35,7 @@ export const ViewLocationCard:FC<ViewLocationCardProps> = ({location: { _id, nam
</p>
: null
}
<Pdf417Barcode />
</div>
</div>);
};