feat: add Avatar component

[kirandash]

Design:

Props overview

Prop	Description	Type	Default
size	define the size of component	large, regular, small	regular
src	required define the src of the image	string
alt	required alternate text of the image	string

Requirements: - [x] `size` prop: there are three sizes, applied by the prop `size`: `large`, `regular` (default) and `small`. For large: size should be 40px, regular should be 32px and small should be 24px - [x] Pass an image to the avatar using the prop `src`. - [x] Alternate text: Pass an alternate text to the avatar using the prop `alt`. - [x] Customisable: User should be able to pass their own class, style or other props to the element and it should be applied, please have a look at the other existing components to understand how it is done - [x] Add unit tests to test the above requirements, please have a look at tests written for other components Ex: ``` ```

[olakadasami]

Hello I'd like to handle this issue

[kirandash]

Hello

I'd like to handle this issue

Thanks @olakadasami 🙏 for showing your interest! I have now assigned the task to you.

If you need any help, you can comment here or reach me on discord at:

https://discord.gg/62VR3MMCVm

And if you like this project, please do show your support by leaving a star ⭐️ for more visibility

[olakadasami]

I reached out on discord about an error i had while pushing

[kirandash]

hello Olakada Samuel,

sorry for the late response. I missed your message on discord.

The error you are seeing is related to formatting.

To fix this issue: you can run the command: npm run format

this will check for any format mismatch and format all your code. then if you push your changes it will work Please do let me know if that doesn’t work

On Sun, May 28, 2023 at 4:28 AM Olakada Samuel @.***> wrote:

I reached out on discord about an error i had while pushing [image: Screenshot (124)] https://user-images.githubusercontent.com/64378500/241429304-2bfe24a3-ca84-4513-9f76-be5094a5ac91.png

— Reply to this email directly, view it on GitHub https://github.com/kirandash/greenhouse-react-ui/issues/5#issuecomment-1565667333, or unsubscribe https://github.com/notifications/unsubscribe-auth/ADFRTG7QXQ62ICU7BMINYE3XIJPX3ANCNFSM6AAAAAAXW5HTIM . You are receiving this because you authored the thread.Message ID: @.***>

[kirandash]

@olakadasami Thanks for your contribution 🙏

[olakadasami]

You're welcome Thanks for the opportunity