Skip to content

APPLICATION | ApplicationFlow Fruit Icons, Floating Header#354

Merged
noahk004 merged 5 commits intovh-site-2026from
floating-application-logout-header
Mar 16, 2026
Merged

APPLICATION | ApplicationFlow Fruit Icons, Floating Header#354
noahk004 merged 5 commits intovh-site-2026from
floating-application-logout-header

Conversation

@MehekB
Copy link
Collaborator

@MehekB MehekB commented Mar 12, 2026

Implemented the floating Application / Logout header and fruit progress icons in
apps/site/src/lib/components/forms/shared/ApplicationFlow.tsx.

Changes

  • Added floating header with Application label and Logout button.
  • Implemented fruit progress icons that reflect the number of steps in the application flow.
  • If the number of steps exceeds 5, the fruit icons cycle back to apple.
  • Modularized into ApplicationProgressBar component in apps/site/src/lib/components/forms/shared/ApplicationProgressBar/ApplicationProgressBar.tsx.

Screenshots:

[Desktop] Hacker Page

Screenshot 2026-03-12 at 9 11 58 AM

[Mobile] Mentor Page - Scrollable Fruit Progress Bar

Screenshot 2026-03-12 at 9 11 15 AM

@github-actions
Copy link
Contributor

github-actions bot commented Mar 16, 2026

Deploy preview for venushacks ready!

Name VenusHacks Site
Preview Visit Preview
Commit 0a3a481

Copy link
Contributor

@noahk004 noahk004 left a comment

Choose a reason for hiding this comment

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

Looks good Mehek, thanks for the great work!

@noahk004 noahk004 merged commit 49c8d07 into vh-site-2026 Mar 16, 2026
4 checks passed
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.

2 participants