fix(icon): pass a string rather than undefined to the font awesome co…

…mponent
ZopaPublic · May 17, 2024 · 0aa1e82 · 0aa1e82
1 parent 391bc5f
commit 0aa1e82
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/atoms/Icon/Icon.tsx b/src/components/atoms/Icon/Icon.tsx
@@ -22,12 +22,12 @@ export const RoundBadge = styled.div<{ color: Colors[keyof Colors] }>`
   padding: ${spacing[6]};
 `;
 
-export default function Icon({ variant, bgColor, ariaLabel, className, ...rest }: IconProps) {
+export default function Icon({ variant, bgColor, ariaLabel, className = '', ...rest }: IconProps) {
   const renderIcon = (className?: string) => (
     <FontAwesomeIcon
       {...rest}
       icon={variant}
-      className={className}
+      className={className || ''}
       aria-label={ariaLabel}
       aria-hidden={ariaLabel ? false : true}
     />