Status-react: Contact Management

[jarradh]

at the moment it is not clear how we should delete or move a contact between groups.

we also have no way to create/remove/edit groups

[andmironov]

What do you think of this?

[jarradh]

looks great, how does add group look on Android and iOS? how do we delete a group?

[andmironov]

UPD

[jarradh]

nice! okay I assume deleting a contact froma group would make them ungrouped ? then deleting a contact from ungrouped would delete them?

[andmironov]

Yep, also "ungrouped" would be useful for people who just don't like grouping. Notice that the ungrouped group can also be sorted, but does not have a header in the list (Like all other groups have: Dapps 45 or Favourites 14) what do you think about that?

[jarradh]

love it!

[andmironov]

Great! I will add it to Zepling then

[andmironov]

All of them https://zpl.io/Z1Oh6MV
And I've also added them one by one with the contact-management_ prefix (13 screens)

[rabbit]

these look fantastic. a few suggestions to interpret as you wish:

• if "delete group" does not delete the group then simplify the language and remove the hint. sounds like you mean to say "leave group"
• in general destructive actions should have a little more space since mobile users may have large fingers or fumble, feels a bit tight between add group and delete group.
• for the bottom menu bar, the singular "chat" sounds more like an action (ie: what do I want to do? chat. vs what do I want to do? chats.) contacts doesn't read that way to me.
• might want to check with a color contrast app to ensure all the text is readable for those without clear vision or color blindness. that top right "Group Members: 3" the 3 looks borderline to me
• love the way selection looks on list items (see? I can be nice)
• there's no view for "add group members" but going on the plural of members I would expect the multiple select view, if it's a one at a time operation singularize it.
• "Create Group" and "Change Group Order" both begin with "C" and end with "e". humans parse words predominantly by beginning and end letters, consider renaming "Change Group Order" to "Reorder Group" or similar to create more visual separation at a glance.

[flexsurfer]

Contacts screen

• [x] Contacts options button
• 
  
  • [x] icon for Android
  
  
• [x] Menu ios
• [x] Menu android (new react native component https://github.com/instea/react-native-popup-menu)
• [x] Edit mode
• [x] icons
• [x] colors

Search

• [x] search icon on search and delete on input
• [x] "live search" (filter)

New contact

• [x] done

New Group

• [x] done

Contacts List

• [x] selection (removed native toggle component)
• [x] search

Edit group

• [x] done

Reorder group
(requered new react native component react-native-sortable-listview)

• [x] done