DigitomizeD
Digitomize•10mo ago
Digitomize

#1079: Add active state styling for "Contest" button on subpages under /contest path

Issue #1079 by dhuruvandb

Add active state styling for "Contest" button on subpages under /contest path

Pull Request Details


Description


This pull request adds an active state to the "Contest" button in the top navigation bar when users are on any page under the 
/contest
 path (e.g., 
/contest
, 
/challenges
, 
/hackathons
, 
/internships
, 
/jobs
).

  • The "Contest" button will now change its background and text color to indicate the active state.
  • This update improves navigation clarity and enhances the user experience by visually marking the "Contest" section when users are on any related subpage.
### Fixes

#1078

Type of PR


  • [ ] Bug fix
  • [x] Feature enhancement
  • [ ] Documentation update
  • [ ] Refactoring
  • [ ] Other (specify): **___**
### Summary

This pull request implements active state styling for the "Contest" button in the top navigation bar when navigating to any subpage under the 
/contest
 path.

  • Changes Summary:
    • Updated navigation logic: The "Contest" button is now highlighted when users are on any page under the 
      /contest
       path (e.g., 
      /contest
      , 
      /challenges
      , 
      /hackathons
      , 
      /internships
      , or 
      /jobs
      ).
    • Added active state styles: Applied background and text color changes to visually indicate the active state of the "Contest" button when on these subpages.
This improves the user experience by clearly showing users which section of the site they are currently in.

Screenshots (if applicable)


!image

!image


Checklist


  • [x] I have read and followed the Pull Requests and Issues guidelines.
  • [x] The code has been properly linted and formatted using 
    npm run lint:fix
     and 
    npm run format:fix
    .
  • [x] I have tested the changes thoroughly before submitting this pull request.
  • [x] I have provided relevant issue numbers, snapshots, and videos after making the changes.
  • [x] I have not borrowed code without disclosing it, if applicable.
  • [x] This pull request is not a Work In Progress (WIP), and only completed and tested changes are included.
  • [x] I have tested these changes locally.
  • [x] My code follows the project's style guidelines.
  • [x] I have updated the documentation accordingly.
  • [x] This PR has a corresponding issue in the issue tracker.
@pranshugupta54 Please review this pull request


<!-- This is an auto-generated comment: release notes by coderabbit.ai -->

Summary by CodeRabbit


  • New Features
    • Enhanced navigation link active state logic to provide better context awareness for users across related pages like challenges, hackathons, internships, and jobs.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
Was this page helpful?