Formatting

src/components/icons/Icon.tsx

@@ -45,7 +45,7 @@ const getSizeValue = (size: IconSize): string => {
     sm: '16px',
     md: '24px',
     lg: '32px',
-    xl: '48px'
+    xl: '48px',
   }
 
   return sizeMap[size] || sizeMap.md
@@ -54,11 +54,15 @@ const getSizeValue = (size: IconSize): string => {
 /**
  * Gets the icon component based on name and variant
  */
-const getIconComponent = (name: string, variant: IconVariant | string): React.ComponentType<React.SVGProps<SVGSVGElement>> | null => {
+const getIconComponent = (
+  name: string,
+  variant: IconVariant | string
+): React.ComponentType<React.SVGProps<SVGSVGElement>> | null => {
   // Normalize variant to ensure it's a valid IconVariant
-  const normalizedVariant = (variant === 'bold' || variant === 'outline' || variant === 'brand') 
-    ? variant as IconVariant 
-    : undefined;
+  const normalizedVariant =
+    variant === 'bold' || variant === 'outline' || variant === 'brand'
+      ? (variant as IconVariant)
+      : undefined
 
   // Try to get the icon from the specified variant
   switch (normalizedVariant) {
@@ -97,7 +101,7 @@ const Icon: React.FC<IconProps> = ({
 }) => {
   // Determine default variant based on icon type if no variant provided
   let defaultVariant: IconVariant | string = variant
-  
+
   if (defaultVariant === undefined) {
     if (BRAND_ICON_NAMES.has(name)) {
       defaultVariant = 'brand'
@@ -105,17 +109,17 @@ const Icon: React.FC<IconProps> = ({
       defaultVariant = 'bold' // Default to bold for non-brand icons
     }
   }
-  
+
   // Get the icon component based on name and variant
   let finalIconComponent = getIconComponent(name, defaultVariant)
   let finalVariant = defaultVariant
-  
+
   // Try fallbacks if the icon doesn't exist in the requested variant
   if (!finalIconComponent && defaultVariant !== 'outline') {
     finalIconComponent = getIconComponent(name, 'outline')
     finalVariant = 'outline'
   }
-  
+
   if (!finalIconComponent && defaultVariant !== 'bold') {
     finalIconComponent = getIconComponent(name, 'bold')
     finalVariant = 'bold'
@@ -125,7 +129,7 @@ const Icon: React.FC<IconProps> = ({
     finalIconComponent = getIconComponent(name, 'brand')
     finalVariant = 'brand'
   }
-  
+
   // If still no icon found, return null
   if (!finalIconComponent) {
     console.warn(`Icon not found: ${name} (${defaultVariant})`)
@@ -134,7 +138,7 @@ const Icon: React.FC<IconProps> = ({
 
   const sizeValue = getSizeValue(size)
   const combinedClassName = `icon icon-${size} icon-${finalVariant} ${className}`.trim()
-  
+
   const IconComponentToRender = finalIconComponent
 
   return (
@@ -142,7 +146,7 @@ const Icon: React.FC<IconProps> = ({
       className={combinedClassName}
       width={sizeValue}
       height={sizeValue}
-      fill={fillColor || 'currentColor'} 
+      fill={fillColor || 'currentColor'}
       stroke={strokeColor || 'currentColor'}
       role="img"
       aria-hidden={!title}
@@ -152,4 +156,4 @@ const Icon: React.FC<IconProps> = ({
   )
 }
 
-export default Icon
+export default Icon

src/components/icons/IconFactory.ts

@@ -21,4 +21,4 @@
 //  IconComponent.displayName = `${name}Icon`
 //  return IconComponent
 //}
-//
+//

src/components/icons/brands/index.ts

@@ -4,4 +4,4 @@ export { ReactComponent as Steam } from './steam.svg'
 export { ReactComponent as Windows } from './windows.svg'
 export { ReactComponent as Github } from './github.svg'
 export { ReactComponent as Discord } from './discord.svg'
-export { ReactComponent as Proton } from './proton.svg'
+export { ReactComponent as Proton } from './proton.svg'

src/components/icons/index.ts

@@ -57,7 +57,7 @@ export const IconNames = {
   Warning: warning,
   Wine: wine,
   Diamond: diamond,
-  
+
   // Brand icons
   Discord: discord,
   GitHub: github,
@@ -97,4 +97,4 @@ export const IconNames = {
 //export const CheckBoldIcon = createIconComponent(check, 'bold')
 //export const InfoBoldIcon = createIconComponent(info, 'bold')
 //export const WarningBoldIcon = createIconComponent(warning, 'bold')
-//export const ErrorBoldIcon = createIconComponent(error, 'bold')
+//export const ErrorBoldIcon = createIconComponent(error, 'bold')

src/components/icons/ui/bold/index.ts

@@ -15,4 +15,4 @@ export { ReactComponent as Search } from './search.svg'
 export { ReactComponent as Trash } from './trash.svg'
 export { ReactComponent as Warning } from './warning.svg'
 export { ReactComponent as Wine } from './wine.svg'
-export { ReactComponent as Diamond } from './diamond.svg'
+export { ReactComponent as Diamond } from './diamond.svg'

src/components/icons/ui/outline/index.ts

@@ -15,4 +15,4 @@ export { ReactComponent as Search } from './search.svg'
 export { ReactComponent as Trash } from './trash.svg'
 export { ReactComponent as Warning } from './warning.svg'
 export { ReactComponent as Wine } from './wine.svg'
-export { ReactComponent as Diamond } from './diamond.svg'
+export { ReactComponent as Diamond } from './diamond.svg'