USER REDESIGN: redesign the sidenav for the talawa user portal

[aashimawadhwa]

Is your feature request related to a problem? Please describe.
we are planning redesigning the user portal, this issue is a part of that redesigning.

Describe the solution you'd like
we want to redesign the sidenav for the user portal and follow a theme similar to the talawa admin portal.

Additional context

1. These are the two side navbars that require modifications.
   Please refer the figma file below :
   https://www.figma.com/file/WksD4uIa5sQJMIk3pR4l0c/Talawa-Design-System-(Official)?type=design&node-id=3447%3A59&mode=design&t=fkgMPaaz67qLwmMz-1
2. Try to split this up into several smaller PRs, possibly 2-3 screens at a time. This will make the reviewing process much faster.

Screenshots

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

[pateldivyesh1323]

I would like to work on this.

[AnshulKahar2729]

Divyesh are you still working on it? I would like to help in it.

[AnshulKahar2729]

@aashimawadhwa let me know if I can contribute to it.

[Cioppolo14]

@AnshulKahar2729 Thank you for your interest! We aim to do only one issue per person as outlined in our CONTRIBUTING.md file. If the currently assigned person, or a mentor feels that it is a big enough issue to be split, then that could be done. This is very important if you are planning on applying for an internship. With shared issues, it is difficult to know the level of contribution of each person.

[pateldivyesh1323]

@palisadoes @aashimawadhwa Where this button will take the user as there I cannot see profile page on user portal?

[palisadoes]

The profile page edit will be in a subsequent issue. Let it remain.

[pateldivyesh1323]

@palisadoes Can you tell me what is going to happen to this navbar on user portal? because the sidebar and navbar are conflicting with each other.

[palisadoes]

@aashimawadhwa @rishav-jha-mech Please respond to this design question

[aashimawadhwa]

So the whole purpose is to stash the top navbar. We will have a sidenavbar which will render all the menu.
@pateldivyesh1323

[pateldivyesh1323]

@aashimawadhwa Do I have to remove it or some other issue will be raised to remove it?

For now the sidebar looks like this, please take a look so I can move forward with tests.

Talawa.Admin.-.Google.Chrome.2024-02-03.15-01-53.mp4

[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.

[pateldivyesh1323]

@palisadoes The files were changed due to the Update Documentation commit which happens automatically. The original fix was changing around 35-40 files. Now I will have to manually filter the original PR files and documentation files. It will take some time for me to make another PR.

[palisadoes]

Why did no other PRs have this issue?

I opened a test PR today against the same repo that didn't generate the files

[palisadoes]

This one opened today didn't generate them

• feat: Add support for Action Items #1596

[palisadoes]

Similarly this one too

• Fixes Organization Not Found in Left Drawer  #1592

[pateldivyesh1323]

@palisadoes Maybe it is fixed now, but some PR previously had this problem.

• Updated the scroll Bar of the event calendar and the side navbar. #1560
• 1010varun patch #1570

[palisadoes]

1. We were trying to fix the documentation workflow some weeks ago and some of the earlier PRs had the issue
2. I would submit again but find a way to not include the documentation branches. (If necessary) This may help
   1. https://stackoverflow.com/questions/12481639/remove-file-from-latest-commit

[palisadoes]

1. I'm sorry about this. It has been troubling to me that so many people were inconvenienced by our efforts to get the documentation workflow working.
2. We should have used a separate branch for testing rather than develop.
3. Part of the problem was that some GitHub features we considered only worked on the default branch and the YAML syntax was very sensitive.
4. We now have a solution that hopefully works for all branches.

Automated documentation is really important for the repositories. It helps all developers when it's current. This was a priority for a small team of our volunteers.

We tried, we failed and we now think we have succeeded.

[palisadoes]

We are tracking this issue with one of our projects, and we'd like to track its progress especially as the GSoC announcement dates draw near.

1. When you create your PR, please link it back to this project:
   1. https://github.com/orgs/PalisadoesFoundation/projects/27/views/1
2. The process is simple. It can be found here:
   1. https://docs.github.com/en/issues/tracking-your-work-with-issues/linking-a-pull-request-to-an-issue#manually-linking-a-pull-request-to-an-issue-using-the-pull-request-sidebar

[palisadoes]

1. The collapse action is OK
2. Please create an issue to fix the hard coding. There is an issue for the sidenav already

[karthxk07]

@palisadoes Sir, Most of the work is complete. Here is how it looks. I just need to write the test. I will make the PR ASAP.

Screencast.from.2024-03-24.23-19-01.webm

Following the PR i will create the issue for the layout issue.

[palisadoes]

It's a big improvement. Thanks for the effort. The improvements in the repo have been remarkable in the past 12 months.

[karthxk07]

@palisadoes Sir, It is always a pleasure helping. Hoping to get my proposal for GSOC accepted, so that I can contribute more. 😊

[palisadoes]

Look at this issue for guidance. The should be no scroll bar, nor boxes around the cards. There are other things too

• ADMIN REDESIGN: redesign the sidenav for the talawa admin portal #1612

If there is any way to reuse components, that would help also.

[palisadoes]

@palisadoes Sir, It is always a pleasure helping. Hoping to get my proposal for GSOC accepted, so that I can contribute more. 😊

I hope for the best with all applicants. Work with the mentors, they are your window into improvement.

[palisadoes]

I was looking over the User portal UI/UX and found the UI/UX not as intuitive as Admin. How is progress on the sidenav?

Admin had a recently merged sidenav issue that should be used for inspiration.

• ADMIN REDESIGN: redesign the sidenav for the talawa admin portal #1612

[karthxk07]

@palisadoes Sir, writing tests has been giving problems. I am working on it nevertheless. Also , I will pull the latest pr and reuse the admin sidebar styles on the user sidebar , that should be easy.

[palisadoes]

Good luck with your exams. That comes first. Thanks for the update.

[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.

[Cioppolo14]

@karthxk07 Are you working on this?

[karthxk07]

@Cioppolo14 I surely am working on this. But it might take me time. But In Organization's interest, I think I should give up on this issue, and let someone else take it up. I should not keep it hanging any longer, and let somebody else complete the remaining work fast.

[pranshugupta54]

From the previous screen recording, it looks like you've finished working on the design and only writing tests is left. Maybe you can make a PR for the design and we can cover the tests independently (I can work on it).

[palisadoes]

@karthxk07 Please submit a PR and share your repo with others so that others can contribute to get this implemented. We have done this before with positive results.

[karthxk07]

@palisadoes Sorry sir, Due to unfortunate circumstances, my local setup was wiped and i was also not able to push it to the forked repo. I might not be able to make a PR for this one. I am extremely sorry about this. I will be more careful and vigilant about such things in the future.

[palisadoes]

That's unfortunate. I'll unassign you and see whether anyone else is willing to work on it. Thanks for letting us know and pass by again to assist with issues when you have the time.

[disha1202]

Hi
I would like to work on this

[duplixx]

@palisadoes I can work on this