UI Redesign - Mobile - Contacts

[tinashe404]

Description
The task is to implement the new design for the screens displayed when on the Contacts tab in the mobile app. These screens include:

• The main contacts screen that displays all contacts
• The add contact screens (including showing whether an atSign is valid if possible)
• The search contacts screen

Assets and Design Screens
All assets and design screens have already been created.

• The Figma design can be found here
• The Assets required can be found here 201.zip
• Note this Contacts card is also associated with UI Redesign - Mobile - Groups #203 UI Redesign - Mobile - Blocked atSigns #221 UI Redesign - Mobile - Trusted Senders #222

Additional context

• This work should be done on the UI_Redesign branch https://github.com/atsign-foundation/atmosphere_pro/tree/ui_redesign

[godsakani]

please I wish to work on this issue

[ksanty]

@godsakani I've assigned you. Please let us know if you have any questions.

[godsakani]

ok thank you

[davidodejobi]

I don't know if godsakani i still working on this, but I'm interested just incase he' not.

[godsakani]

I don't know if godsakani i still working on this, but I'm interested just incase he' not.

I am working on it

[davidodejobi]

@godsakani that's okay 😃...

[sonle-geekyants]

@Dariamarg , I have some questions:
1, When we tap "Transfer Now" from “Contact Info Screen”, what will happen to the screen?

2, When we tap on a Group contact from “My Groups Screen”, what will happen to the screen?

[Dariamarg]

1. "Transfer Now" Would take the user to the sending screen with the contact previously selected as a sender

[Dariamarg]

2. Window gets overlayed by group contact drawer

[sonle-geekyants]

Screen.Recording.2023-02-15.at.15.10.54.mov

We don't have the delete group feature. Could you please design it? @Dariamarg