ba95723b61
- Replace hand-coded skeleton CSS/JSX with boneyard-js auto-generated bones - Remove skeleton.css and @keyframes shimmer from base.css - Add <Skeleton> wrappers with fixtures to all 25+ page components - Generate 20 bone captures via boneyard CLI (CDP auth-gated capture) - Refactor data fetching from useEffect+useState to TanStack Query - Extract query hooks into src/admin/lib/queries/ and apiAdapter - Add usePaginatedQuery hook replacing useApiCall/useListData - Fix parseFloat || 0 anti-pattern in OfferDetail and OffersTemplates inputs - Fix customer_id mandatory validation on offer creation - Fix leave-requests comma-separated status filter (Prisma enum in: []) - Add cross-entity cache invalidation for orders/offers/invoices/projects - Make rate limits configurable via env vars (RATE_LIMIT_MAX, RATE_LIMIT_REFRESH, etc.) - Add boneyard.config.json with routes and breakpoints Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
84 lines
2.6 KiB
TypeScript
84 lines
2.6 KiB
TypeScript
export default function InvoicesFixture() {
|
|
return (
|
|
<div>
|
|
<div className="admin-page-header">
|
|
<div>
|
|
<h1 className="admin-page-title">Faktury</h1>
|
|
<p className="admin-page-subtitle">15 faktur</p>
|
|
</div>
|
|
</div>
|
|
<div
|
|
className="dash-kpi-grid"
|
|
style={{
|
|
display: "grid",
|
|
gridTemplateColumns: "repeat(4, 1fr)",
|
|
gap: "1rem",
|
|
marginBottom: "1rem",
|
|
}}
|
|
>
|
|
{["Vystaveno", "Zaplaceno", "Po splatnosti", "Celkem"].map(
|
|
(label, i) => (
|
|
<div
|
|
key={i}
|
|
className="dash-kpi-card"
|
|
style={{
|
|
padding: "1.25rem",
|
|
borderRadius: 10,
|
|
background: "var(--bg-secondary)",
|
|
}}
|
|
>
|
|
<div style={{ fontSize: "0.875rem", marginBottom: "0.25rem" }}>
|
|
{label}
|
|
</div>
|
|
<div style={{ fontSize: "1.5rem", fontWeight: 600 }}>
|
|
{i * 5 + 3}
|
|
</div>
|
|
</div>
|
|
),
|
|
)}
|
|
</div>
|
|
<div className="admin-card">
|
|
<div className="admin-card-body">
|
|
<div className="admin-search-bar mb-4">
|
|
<input className="admin-form-input" placeholder="" />
|
|
</div>
|
|
<div className="admin-table-responsive">
|
|
<table className="admin-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Číslo</th>
|
|
<th>Zákazník</th>
|
|
<th>Stav</th>
|
|
<th>Datum</th>
|
|
<th className="text-right">Částka</th>
|
|
<th>Akce</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{Array.from({ length: 5 }, (_, i) => (
|
|
<tr key={i}>
|
|
<td className="admin-mono">FV-2024-00{i + 1}</td>
|
|
<td>Firma s.r.o.</td>
|
|
<td>
|
|
<span className="admin-badge admin-badge-invoice-issued">
|
|
Vystaveno
|
|
</span>
|
|
</td>
|
|
<td className="admin-mono">1. 1. 2024</td>
|
|
<td className="admin-mono text-right">50 000 Kč</td>
|
|
<td>
|
|
<div className="admin-table-actions">
|
|
<button className="admin-btn-icon">👁</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
))}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|