feat(avatar): adds blur placeholder

Adds a blur placeholder for the avatar image
anguspiv · Nov 28, 2022 · d209206 · d209206
1 parent 826e859
commit d209206
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/atoms/Avatar/Avatar.jsx b/src/components/atoms/Avatar/Avatar.jsx
@@ -5,7 +5,7 @@ import { frame, image } from './styles';
 export function Avatar({ className, width, height, ...props }) {
   return (
     <div data-testid="avatar" className={className} css={frame}>
-      <Image {...props} layout="fill" css={image} />
+      <Image {...props} layout="fill" css={image} placeholder="blur" />
     </div>
   );
 }