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

feat-#36 fix-#97: Adding theme toggle functionality for the entire app (#95) #95

Conversation

Raghunandan-29
Copy link
Contributor

@Raghunandan-29 Raghunandan-29 commented Jan 1, 2024

Summary

This PR resolves issue #36 and issue #97

Description

This PR adds Theme-toggle-button and also scroll to top for posts which has the larger description

Images

Theme-toggle button is responsive :
this is for mobile screens
Screenshot 2024-01-11 at 12 56 37 AM

this is for tablet and desktop screens

Screenshot 2024-01-11 at 5 05 51 PM

Issue(s) Addressed

Closes #36
Closes #97

Prerequisites

Copy link

vercel bot commented Jan 1, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
wanderlust ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jan 13, 2024 6:24pm
wanderlust-backend ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jan 13, 2024 6:24pm

@krishnaacharyaa
Copy link
Owner

Hi @Raghunandan-29 , thank you for the PR, LGTM. Just couple of suggestions.
Can we aim the css to be like this
IMG_20240102_073026
And kindly follow all the Community guidelines and PR template page as discussed in the discord to make it eligible candidate for merging...

@Raghunandan-29
Copy link
Contributor Author

Sure, I will change the CSS and also follow the Community guidelines

@krishnaacharyaa
Copy link
Owner

Can you kindly push the changes @Raghunandan-29 which is posted in the discord

Copy link
Owner

@krishnaacharyaa krishnaacharyaa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you @Raghunandan-29 for this amazing much needed PR, end functionality wise looks cool, but we also aim for code quality, which is presently not satisfying, kindly address the comments, and please follow the comunity guidelines,
1, 2,3, 4, 5was not followed, is what I observed,
Looking forward for the upcoming commits :)

frontend/src/App.tsx Outdated Show resolved Hide resolved
frontend/src/components/skeletons/ScrollTop.tsx Outdated Show resolved Hide resolved
frontend/src/components/theme-toggle.tsx Outdated Show resolved Hide resolved
frontend/src/components/theme-toggle.tsx Outdated Show resolved Hide resolved
frontend/src/components/theme-toggle.tsx Outdated Show resolved Hide resolved
frontend/src/index.css Outdated Show resolved Hide resolved
frontend/src/pages/add-blog.tsx Show resolved Hide resolved
frontend/src/pages/home-page.tsx Outdated Show resolved Hide resolved
@krishnaacharyaa
Copy link
Owner

@Raghunandan-29 updates please

…button code and also stylings in index.css are converted to tailwind css
@Raghunandan-29
Copy link
Contributor Author

Raghunandan-29 commented Jan 13, 2024

Sorry krishna, I accidentally changed the path of skeleton.tsx, I will fix this

Copy link
Owner

@krishnaacharyaa krishnaacharyaa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @Raghunandan-29, thank you for the quick update and sincere considerations of the comments and working on it.
Sorry but still the community guidelines of PR title and commit regex is not followed, hopefully you'll pick that up in the next one, apart from that no complaints, the quality is improved 200% from the previous one and this is the very quality we are aiming for.
Thank you @Raghunandan-29

Just a small observation here when i saw the deployment, when you are in the dark mode and come back to home page from details or add page, you see the default is sun and then it switches to the dark, for a millisecond that happens, can you look into it?
It might be a little challenging, you might have to play with react hooks in a better way, but would be a great learning, can you pick this one part in this PR then we can close, or if you want to take it in the another PR, we'll take it, I am totally okay with that :)

@Raghunandan-29
Copy link
Contributor Author

Thanks Krishna! and for that bug I would like to work with new PR so, I will raise new issue for this and work on it. Hope it is okay with you.

@krishnaacharyaa
Copy link
Owner

Please share the created link of the issue here, so that we can merge this PR

@Raghunandan-29
Copy link
Contributor Author

Issue link #98 (comment)

Copy link
Owner

@krishnaacharyaa krishnaacharyaa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you @Raghunandan-29, LGTM merging now

@krishnaacharyaa krishnaacharyaa merged commit 35894cc into krishnaacharyaa:main Jan 14, 2024
3 checks passed
@krishnaacharyaa krishnaacharyaa changed the title theme-toggle-button feat-#36 fix-#97: Adding theme toggle functionality for the entire app (#95) Jan 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[BUG] In All Post section Card Add a toggle switch to switch between light and dark mode
2 participants