From d916531af0ae2c64937b57aa78f6731c9d4e6080 Mon Sep 17 00:00:00 2001
From: chihlasm <michael@chihlas.com>
Date: Mon, 9 Mar 2026 01:25:24 -0400
Subject: [PATCH] fix: resolve ESLint errors in Button and Skeleton components

- Button: suppress react-refresh/only-export-components for buttonVariants re-export
- Skeleton: replace empty interface with type alias, replace Math.random() with static widths array

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/components/ui/Button.tsx   | 1 +
 frontend/src/components/ui/Skeleton.tsx | 6 ++++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/ui/Button.tsx b/frontend/src/components/ui/Button.tsx
index 94874f85..1f662ca2 100644
--- a/frontend/src/components/ui/Button.tsx
+++ b/frontend/src/components/ui/Button.tsx
@@ -60,4 +60,5 @@ export function Button({
   )
 }
 
+// eslint-disable-next-line react-refresh/only-export-components
 export { buttonVariants }
diff --git a/frontend/src/components/ui/Skeleton.tsx b/frontend/src/components/ui/Skeleton.tsx
index 6e9e8042..288eb42b 100644
--- a/frontend/src/components/ui/Skeleton.tsx
+++ b/frontend/src/components/ui/Skeleton.tsx
@@ -1,6 +1,6 @@
 import { cn } from '@/lib/utils'
 
-interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {}
+type SkeletonProps = React.HTMLAttributes<HTMLDivElement>
 
 export function Skeleton({ className, ...props }: SkeletonProps) {
   return (
@@ -27,6 +27,8 @@ export function CardSkeleton({ className }: { className?: string }) {
   )
 }
 
+const COL_WIDTHS = ['35%', '45%', '25%', '40%', '30%', '50%']
+
 export function TableRowSkeleton({ cols = 4 }: { cols?: number }) {
   return (
     <div className="flex items-center gap-4 px-4 py-3">
@@ -34,7 +36,7 @@ export function TableRowSkeleton({ cols = 4 }: { cols?: number }) {
         <Skeleton
           key={i}
           className="h-4"
-          style={{ width: `${20 + Math.random() * 30}%` }}
+          style={{ width: COL_WIDTHS[i % COL_WIDTHS.length] }}
         />
       ))}
     </div>