refactor: Avatar 컴포넌트 css 대신 style 사용토록 변경

depromeet · Aug 26, 2024 · 64ca8c1 · 64ca8c1
1 parent 209e612
commit 64ca8c1
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/web-domains/src/common/components/Avatar/Avatar.tsx b/packages/web-domains/src/common/components/Avatar/Avatar.tsx
@@ -7,7 +7,7 @@ interface AvatarProps extends Omit<ImageProps, 'src' | 'alt'> {
   Icon?: React.ComponentType<{ size?: number }>;
 }
 
-export const Avatar = ({ imageUrl, alt = 'profile-image', size, Icon, ...rest }: AvatarProps) => {
+export const Avatar = ({ imageUrl, alt = 'profile-image', size, Icon, style, ...rest }: AvatarProps) => {
   if (!imageUrl) {
     return (
       <span css={{ display: 'inline-flex' }} {...rest}>
@@ -16,5 +16,5 @@ export const Avatar = ({ imageUrl, alt = 'profile-image', size, Icon, ...rest }:
     );
   }
 
-  return <Image src={imageUrl} alt={alt} css={{ objectFit: 'cover' }} {...rest} />;
+  return <Image src={imageUrl} alt={alt} style={{ ...style, objectFit: 'cover' }} {...rest} />;
 };