23 lines
476 B
TypeScript
23 lines
476 B
TypeScript
import React from 'react';
|
|
import { Image } from '@chakra-ui/react';
|
|
import type { ImageProps } from '@chakra-ui/react';
|
|
import { LOGO_ICON } from '@/constants/chat';
|
|
|
|
const Avatar = ({ w = '30px', ...props }: ImageProps) => {
|
|
return (
|
|
<Image
|
|
fallbackSrc={LOGO_ICON}
|
|
fallbackStrategy={'onError'}
|
|
borderRadius={'50%'}
|
|
objectFit={'cover'}
|
|
alt=""
|
|
w={w}
|
|
h={w}
|
|
p={'1px'}
|
|
{...props}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default Avatar;
|