User and Admin toggle on Login and Registration Screen

[aashimawadhwa]

Is your feature request related to a problem? Please describe.
We need an interface to login to user portal provided by talawa which can be accessed by this url http://localhost:3001/user when you run talawa Admin and talawa API on your local machine

Describe the solution you'd like:

1. The login and registration form should have a toggle functionality.
2. This toggle should allow users to switch between user and admin roles seamlessly.
3. Users can select their role preference using a toggle switch to access the respective login or registration form.

Screen.Recording.2023-12-10.at.9.32.15.PM.mov

Potential internship candidates
Please read this if you are planning to apply for a Palisadoes Foundation internship PalisadoesFoundation/talawa#359

[chandel-aman]

@aashimawadhwa @noman2002
Can I take this issue?

[ASCE-D]

Hello Devs, I want to contribute, can I work on this issue?

[noman2002]

@chandel-aman You already have 2 issue in your name.
@ASCE-D Assigning this to you.

[chandel-aman]

@noman2002 PR for both the issues have been merged

[chandel-aman]

@noman2002 Could you assign this issue to me, as I commented on it first. My both issues were merged but were not closed.

[noman2002]

@chandel-aman No worries. Let him work on this one. I think he is new here. You can take other issues. 👍🏻

[Devesh326]

Hi @ASCE-D are you still working on this issue?

[Ravi3727]

Hello everyone,
Is anyone working on this issue? or is this issue resolved??

[ASCE-D]

yes, I'm working, I have some questions that I've asked on slack and am waiting for a response.

[Ravi3727]

Ohh, okay fine

[aashimawadhwa]

@ASCE-D what is the progress on this , we needed this on priority. you may ask your questions here.

[hharshas]

Can I work on this issue.

[ASCE-D]

@aashimawadhwa I've been waiting for your response on slack from more than a week,

I'll fix the CSS, my Q was can I make a separate component or just a conditional statement is fine

 (<div className={styles.active_tab}> //login and registration form  </div>)                  
: <div className={styles.active_tab}>
   <UserLoginPage />
 </div>```
 

[aashimawadhwa]

I request you to ask doubts here not on slack @ASCE-D

[aashimawadhwa]

Update the css as it is in the video @ASCE-D

[ASCE-D]

@aashimawadhwa please check

[aashimawadhwa]

Can you update a video showing the behaviour?
@ASCE-D

[ASCE-D]

2023-12-20.22-14-48.mp4

@aashimawadhwa please check

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 180 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

[palisadoes]

@ASCE-D

If you have completed the task to your satisfaction then open a PR. There is no need to ask for validation here.

[ASCE-D]

@aashimawadhwa @noman2002 please review my PR #1332 , thankyou

[palisadoes]

Please follow the template for the reasons stated in the PR

[palisadoes]

Related PR

• fixes:User and Admin toggle on Login and Registration Screen #1173 #1332

[palisadoes]

1. Closed partially in error. Please reopen another PR with the template filled in.
2. Reassigning.

[palisadoes]

@ASCE-D Are you still working on this?

[palisadoes]

Unassigning due to no response and a desire to get this implemented quickly

[meetulr]

I'd like to work on this.

[meetulr]

Do we just need a toggle between the two routes, so that we won't have to manually type the url?

[palisadoes]

1. Yes.
2. Ideally with two separate tabs on the same screen without the need to re-enter a URL as proposed by the previous assignee