Skip to content

feat: add empty state UI and logic for favorites page#525

Open
akshigalav wants to merge 2 commits into
PatelHarsh2006:mainfrom
akshigalav:empty-favorites-page
Open

feat: add empty state UI and logic for favorites page#525
akshigalav wants to merge 2 commits into
PatelHarsh2006:mainfrom
akshigalav:empty-favorites-page

Conversation

@akshigalav

Copy link
Copy Markdown

### Description:
In this PR i have addressed the issue of empty favorites page when nothing has been added in favorites, it displays a blank screen when no favorites are saved. I have updated that thing as it didn't look quite appealing.

### Changes Made

  • HTML (favorites.html): Added the empty state structure and positioned it outside the dynamic container to prevent it from being cleared by JavaScript.
  • CSS (css/style.css): Styled the empty state using Flexbox for spacing, padding, and layout centering.
  • JavaScript (js/main.js): Updated renderFavorites() to toggle the empty state visibility and resolved a copy-paste ReferenceError (recentlyViewedSection is not defined).
    ### Screenshots
    Before
Screenshot 2026-06-07 130025 **After** Screenshot 2026-06-09 122158

Closes #508

@akshigalav

Copy link
Copy Markdown
Author

Hi! @PatelHarsh2006 Just a reminder to review my PR #525. Please review my PR I'd appreciate any feedback, and if everything looks good, I'd be grateful if it could be merged.

@akshigalav

akshigalav commented Jun 16, 2026

Copy link
Copy Markdown
Author

Hi! @PatelHarsh2006, I have resolved all the conflicts with the base branch. Kindly review and merge my PR. I am a contributor in GSSoC '26.

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.

Add empty state UI to the favorites pages

1 participant