[CORRECTION NEEDED]: Avatar Editor UI Revamp

[Cryptonex7]

Describe the bug

The Avatar Editor does not have a good UI and it is essential for the user to have a good experience while creating their Avatar.

To Reproduce

Steps to reproduce the behavior:

1. Go to the side drawer
2. Click on Settings
3. Go to Edit Profile
4. Click on Edit Avatar

Expected behavior

The UI should align to KIDE's design and should remain functional irrespective of any style or design changes.

Screenshots

[Sweta040799]

If this issue is still unsolved can I try it

[Cryptonex7]

Sure @Sweta040799 feel free to contribute here. We will be awaiting your PR.

[jordanmlacalle]

I've raised a PR taking a shot at this. I am open to feedback to improve my solution and would appreciate some thoughts around the following:

The actual value that is used to set the avatar properties is exposed in a Text widget so the user better understands the property that is being set. For example, when changing hair color the user will see "blonde", "orange", etc. This is fine for such values, but in the case of other properties like eyebrow, it is odd to see values like "leftLowered".

A solution could be two split the values up and converting the string to sentence case. This could be possible manually using a good amount of regex and String manipulation, or easily using the recase package off pub.dev.

Edit: PR updated with new solution for avatar property values. Updated avatar constants.

[shathurshan]

i am interested to work in this