Skip to content

Feat:departments in a cycle#37

Merged
SimonBurmer merged 2 commits intomainfrom
feat/departments-arc-navigation
Mar 31, 2026
Merged

Feat:departments in a cycle#37
SimonBurmer merged 2 commits intomainfrom
feat/departments-arc-navigation

Conversation

@SimonBurmer
Copy link
Copy Markdown
Collaborator

@SimonBurmer SimonBurmer commented Mar 31, 2026 •
edited by coderabbitai Bot
Loading

Summary by CodeRabbit

Release Notes

  • New Features

    • Redesigned the department selection interface with responsive layouts: interactive arc visualization for desktop and streamlined selection controls for mobile devices.
    • Added smooth fade-in animation effects to department detail panels.

  • Documentation

    • Updated member journey section description to clarify "at least two active semesters" requirement.

@SimonBurmer
init
0f164fa
@SimonBurmer
feat: replace departments grid with interactive arc navigation
3025d13 
- Half-circle arc (pink) on the right side of the section
- Five clickable dots along the arc, one per department
- Active dot animates with glow ring and inner highlight
- Selected department info fades in on the left panel
- Mobile fallback with icon strip + expandable card
@vercel
Copy link
Copy Markdown

vercel Bot commented Mar 31, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
start-munich Ready Ready Preview, Comment Mar 31, 2026 11:47pm

@SimonBurmer SimonBurmer merged commit d5e212b into main Mar 31, 2026
2 of 3 checks passed
@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Mar 31, 2026 •
edited
Loading

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: de066fe3-227a-4b5c-af1a-d1d1c55c605e

📥 Commits

Reviewing files that changed from the base of the PR and between 363d6d5 and 3025d13.

📒 Files selected for processing (1)
  • app/member-journey/page.tsx
📝 Walkthrough

Walkthrough

The member journey page underwent a UI restructuring to implement responsive department selection. A new state system tracks the active department, replacing a grid layout with an interactive SVG arc design on desktop and an icon strip on mobile. A subtle fade animation was added, and the hero text was updated to reflect minimum tenure requirements.

Changes

Cohort / File(s) Summary
Member Journey Page Updates
app/member-journey/page.tsx		 Added activeDeptId state and click handlers for department selection. Replaced grid-based department cards with responsive UI: desktop uses SVG arc with positioned dots/labels and side detail panel; mobile uses icon strip with detail card. Updated hero description text and introduced new fadeInPanel keyframes animation applied to active department displays.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Possibly related PRs

Poem

🐰 A journey takes shape with arcs and with care,
Where departments dance through the desktop's sweet air,
On mobile, they strip down to icons so bright,
A fade-in flourish brings panels to light,
At least two semesters now marks the true way! ✨

✨ Finishing Touches
✨ Simplify code
  • Create PR with simplified code
  • Commit simplified code in branch feat/departments-arc-navigation

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@coderabbitai coderabbitai Bot mentioned this pull request Mar 31, 2026
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@SimonBurmer