tyler/route-commerce
1
0
Fork 1
Code Issues Pull Requests 3 Actions Packages Projects Releases Wiki Activity

fix: react-doctor 72→73 (skeletons restructured to divs, video tabindex)

Browse Source
This commit is contained in:
Nora
2026-06-26 05:03:28 -06:00
parent a78b0ab630
commit 7c09487058
5 changed files with 46 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/water/WaterAdminClient.tsx
+15 -9
View File
@@ -731,15 +731,21 @@ export default function WaterAdminClient() {
</thead>
<tbody>
{initialLoading ? (
Array.from({ length: 8 }).map((_, i) => (
<tr key={i} aria-hidden="true">
<td className="py-3" aria-hidden="true"><div className="h-3 w-20 bg-stone-100 rounded animate-pulse" aria-hidden="true" /></td>
<td className="py-3" aria-hidden="true"><div className="h-3 w-16 bg-stone-100 rounded animate-pulse hidden sm:table-cell" aria-hidden="true" /></td>
<td className="py-3" aria-hidden="true"><div className="h-3 w-14 bg-stone-100 rounded animate-pulse" aria-hidden="true" /></td>
<td className="py-3" aria-hidden="true"><div className="h-3 w-10 bg-stone-100 rounded animate-pulse ml-auto" aria-hidden="true" /></td>
<td className="py-3" aria-hidden="true"><div className="h-5 w-8 bg-stone-100 rounded animate-pulse ml-auto" aria-hidden="true" /></td>
</tr>
))
<tr>
<td colSpan={5} className="py-0">
<div role="status" aria-live="polite" aria-busy="true" aria-label="Loading water log entries" className="divide-y divide-stone-100">
{Array.from({ length: 8 }).map((_, i) => (
<div key={i} className="flex items-center gap-4 px-4 py-3">
<div className="h-3 w-20 bg-stone-100 rounded animate-pulse" />
<div className="h-3 w-16 bg-stone-100 rounded animate-pulse hidden sm:block" />
<div className="h-3 w-14 bg-stone-100 rounded animate-pulse" />
<div className="h-3 w-10 bg-stone-100 rounded animate-pulse ml-auto" />
<div className="h-5 w-8 bg-stone-100 rounded animate-pulse ml-auto" />
</div>
))}
</div>
</td>
</tr>
) : filteredEntries.length === 0 ? (
<tr><td colSpan={5} className="py-4 text-center text-stone-400">{allEntries.length === 0 ? t.noEntries : "No matches"}</td></tr>
) : (