search

JiyaGupta-cs / ShopNex

React Ecommerce App
https://shopnex.vercel.app
90 stars 183 forks source link

BUG 🐞: Dark mode gets turned off on refreshing a page #503

Open Tejashri-Taral opened 2 weeks ago

Tejashri-Taral commented 2 weeks ago

Hey @JiyaGupta-cs, Here is the issue I encountered - The dark mode preference does not persist across page refreshes. Each time the page is refreshed, the mode resets to the default instead of maintaining the user-selected mode (dark or light). I think it is due to the theme state is not being persisted when the page is refreshed.

**To Reproduce*** Steps to reproduce the behavior:

Go to the website. Toggle the light mode switch to change the theme. Refresh the page. Observe that the theme reverts to the default mode instead of retaining the selected mode.

Expected behavior The selected dark or light mode should persist across page refreshes. If a user selects dark mode, the page should remain in light mode even after refreshing.

Screenshots (Mandatory)

Before refreshing the page looks like (currently in dark mode):

image

After refreshing the page:

image

Are you contributing under any open-source program? GSSOC'24

I hope I was able to explain the issue and the expected solution. If so, Could you please assign this issue to me under GSSoC 24?

sh4f3e commented 2 weeks ago

@JiyaGupta-cs Kindly Assign this bug to me I'm working under GSSOC'24 Contributor

Tejashri-Taral commented 1 day ago

@Sushilverma002 ,please take a look and review it.