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

fix: react-doctor 71→73 (skeleton td aria-hidden, AdminToggle aria-label)

Browse Source
This commit is contained in:
Nora
2026-06-26 04:57:11 -06:00
parent df7b65531a
commit a78b0ab630
5 changed files with 31 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/admin/ContactListPanel.tsx
+12 -12
View File
@@ -100,23 +100,23 @@ function ContactSkeleton() {
<>
{[1, 2, 3, 4, 5].map((i) => (
<tr key={i} className="border-b border-[var(--admin-border)]" aria-hidden="true">
<td className="px-4 py-3">
<div className="h-4 w-24 bg-stone-200 rounded animate-pulse" />
<td className="px-4 py-3" aria-hidden="true">
<div className="h-4 w-24 bg-stone-200 rounded animate-pulse" aria-hidden="true" />
</td>
<td className="px-4 py-3">
<div className="h-4 w-32 bg-stone-200 rounded animate-pulse" />
<td className="px-4 py-3" aria-hidden="true">
<div className="h-4 w-32 bg-stone-200 rounded animate-pulse" aria-hidden="true" />
</td>
<td className="px-4 py-3">
<div className="h-4 w-20 bg-stone-200 rounded animate-pulse" />
<td className="px-4 py-3" aria-hidden="true">
<div className="h-4 w-20 bg-stone-200 rounded animate-pulse" aria-hidden="true" />
</td>
<td className="px-4 py-3">
<div className="h-5 w-16 bg-stone-200 rounded-full animate-pulse" />
<td className="px-4 py-3" aria-hidden="true">
<div className="h-5 w-16 bg-stone-200 rounded-full animate-pulse" aria-hidden="true" />
</td>
<td className="px-4 py-3">
<div className="h-4 w-16 bg-stone-200 rounded animate-pulse" />
<td className="px-4 py-3" aria-hidden="true">
<div className="h-4 w-16 bg-stone-200 rounded animate-pulse" aria-hidden="true" />
</td>
<td className="px-4 py-3">
<div className="h-4 w-12 bg-stone-200 rounded animate-pulse" />
<td className="px-4 py-3" aria-hidden="true">
<div className="h-4 w-12 bg-stone-200 rounded animate-pulse" aria-hidden="true" />
</td>
</tr>
))}
src/components/admin/MessageLogPanel.tsx
+12 -12
View File
@@ -130,23 +130,23 @@ function LogSkeleton() {
<>
{[1, 2, 3, 4, 5].map((i) => (
<tr key={i} className="border-b border-[var(--admin-border)]" aria-hidden="true">
<td className="px-4 py-3">
<div className="h-3 w-20 bg-stone-200 rounded animate-pulse" />
<td className="px-4 py-3" aria-hidden="true">
<div className="h-3 w-20 bg-stone-200 rounded animate-pulse" aria-hidden="true" />
</td>
<td className="px-4 py-3">
<div className="h-3 w-32 bg-stone-200 rounded animate-pulse" />
<td className="px-4 py-3" aria-hidden="true">
<div className="h-3 w-32 bg-stone-200 rounded animate-pulse" aria-hidden="true" />
</td>
<td className="px-4 py-3">
<div className="h-5 w-14 bg-stone-200 rounded-full animate-pulse" />
<td className="px-4 py-3" aria-hidden="true">
<div className="h-5 w-14 bg-stone-200 rounded-full animate-pulse" aria-hidden="true" />
</td>
<td className="px-4 py-3">
<div className="h-3 w-40 bg-stone-200 rounded animate-pulse" />
<td className="px-4 py-3" aria-hidden="true">
<div className="h-3 w-40 bg-stone-200 rounded animate-pulse" aria-hidden="true" />
</td>
<td className="px-4 py-3">
<div className="h-5 w-20 bg-stone-200 rounded-full animate-pulse" />
<td className="px-4 py-3" aria-hidden="true">
<div className="h-5 w-20 bg-stone-200 rounded-full animate-pulse" aria-hidden="true" />
</td>
<td className="px-4 py-3">
<div className="h-5 w-24 bg-stone-200 rounded-full animate-pulse" />
<td className="px-4 py-3" aria-hidden="true">
<div className="h-5 w-24 bg-stone-200 rounded-full animate-pulse" aria-hidden="true" />
</td>
</tr>
))}
src/components/admin/design-system/AdminToggle.tsx
+1
View File
@@ -84,6 +84,7 @@ export function AdminToggleCompact({
<button
type="button"
role="switch"
aria-label={label ?? "Toggle"}
aria-checked={checked}
disabled={disabled}
onClick={() => !disabled && onChange(!checked)}