ADMIN REDESIGN: Add User/Member Capability

[palisadoes]

Is your feature request related to a problem? Please describe.

We need to add new features as part of the Admin Portal redesign.

Describe the solution you'd like

We need the ability for Admins to:

1. add a brand new user to the system and automatically make them members of their organizations.
2. make sure they are not adding preexisting users to the system, creating duplicates. (Make the user's email address the unique identifier.)
3. access this feature from the Organization People screen. (Refer to this issue)
   1. Admin Redesign: Redesiging the People Management Screen #1550

Figma

• https://www.figma.com/file/WksD4uIa5sQJMIk3pR4l0c/Talawa-Desi

Describe alternatives you've considered

• N/A

Approach to be followed (optional)

• N/A

Additional context

1. NOTE: This is going to require someone with experience with the repo, or proven long term experience with typescript, MERN, and / or graphQL in their GitHub profile
2. You will need to work closely with the person assigned this issue as the design elements overlap
   1. ADMIN REDESIGN: redesign the user profile for the talawa admin  #1615

Potential internship candidates

Please read this if you are planning to apply for a Palisadoes Foundation internship

• Student Internship Programs talawa#359

[disha1202]

Hi
Can I work on this?

[its-VinayKumar]

@palisadoes Please Assign me this issue :)

[disha1202]

Hi @palisadoes

I have updated the people screen
Please take a look

[palisadoes]

1. The title should be Add Member in the second image to reduce confusion.
2. There is an edit user screen design in the official figma that should be used as a guide. It will help with a more consistent UI/UX. What you have works for a quick addition, but we'll also need to figure out a way to easily add all the other expected user details if required. Possibly going directly to the more detailed user profile edit after adding. @aashimawadhwa has been working on some ideas for this. Try contacting her in slack for guidance, in addition to here in the GitHub comments. It may be faster

[palisadoes]

@disha1202

In the interest of time. Go ahead with this design. We can open issues related to a final design later

[disha1202]

@palisadoes
I'll proceed with the above designs and submit a PR soon.

[aashimawadhwa]

@disha1202 i think your designs are good to go for now. Just one question what is the use of exsisting user in the add member dropdown? In the first screenshot you attached.

[disha1202]

@disha1202 i think your designs are good to go for now. Just one question what is the use of exsisting user in the add member dropdown? In the first screenshot you attached.

The existing user option is for adding a member in the organization which already exists but is not a member of the organization. Also when an admin clicks on the existing user option the modal the second image pops up with the list of all the user excluding the users which are already members of the organization.

[palisadoes]

@aashimawadhwa FYI. This is complete