Formatting

src/components/games/GameItem.tsx

@@ -161,4 +161,4 @@ const GameItem = ({ game, onAction, onEdit }: GameItemProps) => {
   )
 }
 
-export default GameItem
+export default GameItem

src/components/games/GameList.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect, useMemo } from 'react'
-import {GameItem, ImagePreloader} from '@/components/games'
+import { GameItem, ImagePreloader } from '@/components/games'
 import { ActionType } from '@/components/buttons'
 import { Game } from '@/types'
 import LoadingIndicator from '../common/LoadingIndicator'
@@ -18,7 +18,7 @@ interface GameListProps {
 const GameList = ({ games, isLoading, onAction, onEdit }: GameListProps) => {
   const [imagesPreloaded, setImagesPreloaded] = useState(false)
 
-  // Sort games alphabetically by title 
+  // Sort games alphabetically by title
   const sortedGames = useMemo(() => {
     return [...games].sort((a, b) => a.title.localeCompare(b.title))
   }, [games])
@@ -35,11 +35,7 @@ const GameList = ({ games, isLoading, onAction, onEdit }: GameListProps) => {
   if (isLoading) {
     return (
       <div className="game-list">
-        <LoadingIndicator
-          type="spinner"
-          size="large"
-          message="Scanning for games..."
-        />
+        <LoadingIndicator type="spinner" size="large" message="Scanning for games..." />
       </div>
     )
   }
@@ -68,4 +64,4 @@ const GameList = ({ games, isLoading, onAction, onEdit }: GameListProps) => {
   )
 }
 
-export default GameList
+export default GameList

src/components/games/ImagePreloader.tsx

@@ -16,24 +16,24 @@ const ImagePreloader = ({ gameIds, onComplete }: ImagePreloaderProps) => {
       try {
         // Only preload the first batch for performance (10 images max)
         const batchToPreload = gameIds.slice(0, 10)
-        
+
         // Track loading progress
         let loadedCount = 0
         const totalImages = batchToPreload.length
-        
+
         // Load images in parallel
         await Promise.allSettled(
           batchToPreload.map(async (id) => {
             await findBestGameImage(id)
             loadedCount++
-            
+
             // If all images are loaded, call onComplete
             if (loadedCount === totalImages && onComplete) {
               onComplete()
             }
           })
         )
-        
+
         // Fallback if Promise.allSettled doesn't trigger onComplete
         if (onComplete) {
           onComplete()
@@ -58,4 +58,4 @@ const ImagePreloader = ({ gameIds, onComplete }: ImagePreloaderProps) => {
   return null
 }
 
-export default ImagePreloader
+export default ImagePreloader

src/components/games/index.ts

@@ -1,4 +1,4 @@
 // Export all game components
-export { default as GameList } from './GameList';
-export { default as GameItem } from './GameItem';
-export { default as ImagePreloader } from './ImagePreloader';
+export { default as GameList } from './GameList'
+export { default as GameItem } from './GameItem'
+export { default as ImagePreloader } from './ImagePreloader'