Fix the UserPortal/Home.tsx Screen in the develop-userTypeFix branch

[palisadoes]

NOTE

1. This issue will require close coordination with persons assigned issues in the reference section.
2. This work will need to be done on the develop-userTypeFix branch

Describe the bug

1. The schema doesn't apply a person's userType by organization.
2. The userType is currently a part of the User definition not part of a userOrganization definition or something similar.
   1. This means that an Admin is an Admin for all organizations which grants the same rights as a SuperAdmin. This is not the intention.
   2. This has created historical confusion in the Admin and SuperAdmin roles.
3. We have created the develop-userTypeFix branch from the develop branch to fix this.
   1. All remedial work is being done on the develop-userTypeFix branch
   2. When the development work is complete on the develop-userTypeFix branch it will be merged back into develop
   3. This is planned to be completed shortly
4. This issue was created to apply the desired functionality for the screen in this issue's title

This needs to be resolved as it is a showstopper bug.

Expected behavior

These conditions must apply:

1. The userType must be applied per person per organization.
2. Each SuperAdmin must be a SuperAdmin for all organizations
3. All other userTypes would be on a per organization basis
4. This has already been implemented in the develop-userTypeFix branch of Admin and the API. Your role will be to apply the change to the screen in this issue's title to the develop-userTypeFix code.
5. The new functionality of userType must be unchanged.
6. No other features must be affected
7. All tests must be valid and pass

Screenshots

The current API schema:

The new API schema:

Describe alternatives you've considered

• N/A

Approach to be followed (optional)

• See above

Additional context

1. 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. Research these issues for context with the new userType functionality:

Related issues:

1. API: Fix the usage of userType talawa-api#1711
2. Mobile: Fix the usage of userType talawa#2373
3. Admin: Fix the usage of userType #1445
4. Update the Organization People Screen Design and Functionality #1451
5. Update the Community Users Screen Design and Functionality #1452
6. Update adminApproved to expected functionality in the develop-userTypeFix branch talawa-api#1862
7. Update thedevelop-userTypeFix branch with the latest features from develop - Fundraising / Recurring Events talawa-api#1904
8. Admin: Fix the usage of userType #1445
9. Fix the MemberDetail Screen in the develop-userTypeFix branch #1682
10. Fix the OrganizationPeople Screen in the develop-userTypeFix branch #1683
11. Fix the User/Users.tx Screen in the develop-userTypeFix branch #1684
12. Fix the UserPortal/Organizations Screen in the develop-userTypeFix branch #1685
13. Fix the UserPortal/Home.tsx Screen in the develop-userTypeFix branch #1686

Potential internship candidates

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

• Student Internship Programs talawa#359

[rahulch07]

@palisadoes I would like to work on this.

[Cioppolo14]

@rahulch07 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. Do you have that?

[rahulch07]

@Cioppolo14 No I have some experience in MERN but I am new to graphQL

[Cioppolo14]

@rahulch07 Ok, lets find a different issue that suits you better to get you familiar with the repositories.

[palisadoes]

@kanhaiya04 You could start working on this one. Do you want to be assigned?

[kanhaiya04]

@palisadoes Yeah, I can do.
Assign me

[adi790uu]

@kanhaiya04 do you need any help with this.

[kanhaiya04]

@adi790uu Thanks for asking, but it's almost done.