feat(INTERNAL-2220): user avatar fix

Author: Гамидов Шамсудин Селимханович

src/plasma/UserAvatar/UserAvatar.stories.tsx

@@ -21,5 +21,6 @@ export const Default: StoryObj<typeof UserAvatar> = {
         email: 'john_doe_77@taskany-inc.io',
         domain: 'www.gravatar.com',
         name: 'John Doe',
+        shape: 'rounded',
     },
 };

src/plasma/UserAvatar/UserAvatar.tsx

@@ -1,4 +1,5 @@
 import { Avatar } from '@salutejs/plasma-web';
+import cn from 'classnames';
 import React, { useEffect, useState } from 'react';
 import md5Hash from 'md5';
 
@@ -7,6 +8,8 @@ import { getInitials } from '../../utils/getInitials';
 import { isRetina } from '../../utils/isRetina';
 import { Circle } from '../Circle/Circle';
 
+import s from './UserAvatarModule.module.css';
+
 interface UserAvatarProps {
     size?: 's' | 'm' | 'l' | 'xl' | 'xxl' | 'fit';
     email?: string | null;
@@ -28,10 +31,10 @@ const sizesMap = {
 };
 
 export const UserAvatar: React.FC<UserAvatarProps> = ({
-    size = 'xxl',
+    size = 'l',
     rating = 'g',
     def = 'retro',
-    shape = 'rounded',
+    shape = 'circled',
     domain = process.env.NEXT_PUBLIC_GRAVATAR_HOST || 'www.gravatar.com',
     email,
     md5,
@@ -84,7 +87,7 @@ export const UserAvatar: React.FC<UserAvatarProps> = ({
     };
 
     return !isLoad || isError ? (
-        <Circle size={sizesMap[size]} string={`${email}`}>
+        <Circle size={sizesMap[size]} string={`${email}`} className={cn({ [s.Rounded]: shape === 'rounded' })}>
             {getInitials(name)}
         </Circle>
     ) : (

src/plasma/UserAvatar/UserAvatarModule.module.css

@@ -0,0 +1,3 @@
+.Rounded {
+    border-radius: 18px;
+}