Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Animated loading page #68

Closed
Priyapandeyyy opened this issue May 13, 2024 · 11 comments · Fixed by #87
Closed

Animated loading page #68

Priyapandeyyy opened this issue May 13, 2024 · 11 comments · Fixed by #87
Assignees
Labels
gssoc Girlscript Summer of Code 2024 level1 Issue with difficulity level 1 ui Improvements of User Interface

Comments

@Priyapandeyyy
Copy link

I want to add an animated loading page something like this at the beginning of the page.

loader

@pooranjoyb
Copy link
Owner

Congratulations, @Priyapandeyyy! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

@pooranjoyb
Copy link
Owner

Go Ahead! @Priyapandeyyy 🚀

@pooranjoyb pooranjoyb added ui Improvements of User Interface level1 Issue with difficulity level 1 gssoc Girlscript Summer of Code 2024 Up-For-Grabs Comment and Get Assigned! labels May 14, 2024
@pooranjoyb pooranjoyb pinned this issue May 15, 2024
@Mayur-666
Copy link
Contributor

@pooranjoyb Please assign me this issue, I have its code ready.

Screenshot (552)

@pooranjoyb pooranjoyb removed the Up-For-Grabs Comment and Get Assigned! label May 16, 2024
@pooranjoyb
Copy link
Owner

Go for it @Mayur-666 🚀

@pooranjoyb pooranjoyb unpinned this issue May 16, 2024
@Mayur-666
Copy link
Contributor

Mayur-666 commented May 16, 2024

Hello @pooranjoyb, I have added Loader.tsx in components folder, i am not sure about the places where we can use it as i have used the same auth process. I always used createAsycThunk and maintained a loading state in RTK, which helped me to show loader wherever required. Also not know about supabase.

@Mayur-666
Copy link
Contributor

Tell me should i push only the loader files i made, or the locations where i can add the loader.

@pooranjoyb
Copy link
Owner

Use these color theme :

  • #06D6A0
  • #EF476F
  • #FFD166
  • #118AB2
  • #073B4C

@Mayur-666

@Mayur-666
Copy link
Contributor

Sure! @pooranjoyb and what about the above issue.

@pooranjoyb
Copy link
Owner

Sure! @pooranjoyb and what about the above issue.

Create a loading state during Login as well as when the page loads initially in the / route and /home

@Mayur-666

@Mayur-666
Copy link
Contributor

Sorry to say, i was only able to add loader file, i don't know about SUPABASE so didn't able to test and set it up.
You can pin a new issue regarding the adding of loading effects.

I can only contribute to the loader and animation. Hope you understand @pooranjoyb.
So should i create a PR or ??

@pooranjoyb
Copy link
Owner

Yup go for it! @Mayur-666

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
gssoc Girlscript Summer of Code 2024 level1 Issue with difficulity level 1 ui Improvements of User Interface
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants