add gallery icon to mobile

[simo6529]

Summary by CodeRabbit

• New Features

  • Wave view mode functionality with a toggle button in the header to switch between gallery and chat modes
  • Profile picture display integrated into the application header
  • Enhanced header title formatting for improved readability

• Style

  • Loading indicators in the gallery now display as static elements instead of animated spinners

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

📝 Walkthrough

Walkthrough

The changes add wave view mode functionality and a gallery/chat toggle button to the application header with profile picture rendering support, while also removing spinner animations from gallery loading indicators.

Changes

Cohort / File(s)	Summary
Wave View Mode & Gallery Toggle components/header/AppHeader.tsx	Added wave view mode context integration with useWave and useWaveViewMode hooks, profile picture rendering logic, and a new conditional gallery/chat toggle button next to the title. Header title logic now uses last path segment for display. Avatar rendering replaced with pfpElement.
Gallery Loading States components/waves/gallery/WaveGallery.tsx	Removed animate-spin class from two loading indicators, converting animated spinners to static circular loaders in both initial and "loading more" states.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Possibly related issues

• add gallery switch to chat view mobile #1785: Implements the "add gallery switch to chat view mobile" feature by introducing the gallery/chat toggle UI in AppHeader.tsx with wave view mode integration

Suggested reviewers

• ragnep
• prxt6529

Poem

🐰 A toggle so fine in the header so grand,
Wave modes and pfps, a coordinated brand!
No more spinning spinners, just circles so still,
Our gallery blooms with a smoother good will! ✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'add gallery icon to mobile' refers to a real aspect of the changeset (the new gallery/chat toggle button UI), but it does not capture the main changes which include wave view mode functionality, header title logic updates, and PFP rendering logic.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

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

• X
• Mastodon
• Reddit
• LinkedIn

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

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud