Skip to content

waves logged out placeholder fixes#2156

Merged
ragnep merged 7 commits intomainfrom
ui-ux-changes
Mar 24, 2026
Merged

waves logged out placeholder fixes#2156
ragnep merged 7 commits intomainfrom
ui-ux-changes

Conversation

@ragnep
Copy link
Copy Markdown
Contributor

@ragnep ragnep commented Mar 24, 2026

Summary by CodeRabbit

  • New Features

    • Added a consistent message component for displaying wave selection and unavailable states across the app.
  • Improvements

    • Updated loading text for better user clarity.
    • Enhanced UI consistency for empty state messaging and wallet connection prompts.

ragnep added 2 commits March 24, 2026 11:15
Signed-off-by: ragnep <ragneinfo@gmail.com>
Comment thread helpers/waves-auth-return.helpers.ts Fixed
@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Mar 24, 2026

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: a81738be-e937-4e27-95a5-6fa91e22ef59

📥 Commits

Reviewing files that changed from the base of the PR and between e5072d9 and 8f7baaf.

📒 Files selected for processing (1)
  • components/waves/layout/WavesLayout.tsx

📝 Walkthrough

Walkthrough

The PR introduces a new WaveScreenMessage component for displaying centered placeholder content and refactors multiple wave UI components to use it consistently. It also removes the usePublicWaveShellState hook from WavesLayout and simplifies unauthenticated state rendering logic using isMobileDevice and activeWaveId conditions.

Changes

Cohort / File(s) Summary
New Component
components/waves/WaveScreenMessage.tsx
Added new reusable component for centered full-height placeholders with title, description, and optional action content.
Component Refactoring
components/waves/WavesView.tsx, components/waves/public/PublicWaveShell.tsx, components/waves/layout/WavesLayout.tsx
Replaced inline "Select a Wave" and unavailable state placeholder JSX with WaveScreenMessage component. Updated conditional rendering logic in WavesLayout to use isMobileDevice and activeWaveId instead of usePublicWaveShellState.
Hook Changes
components/waves/public/usePublicWaveShellState.ts
Changed PublicWaveShellState from exported to file-local type alias; no functional logic changes.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Possibly related PRs

  • logged out placeholder in the wave view #2153: Both PRs modify the same waves UI components and the not-authenticated placeholder flow—this PR introduces the new WaveScreenMessage component while the related PR modified placeholder and HeaderUserConnect prop changes.
  • app placeholder fix #2154: Both PRs modify the waves public shell area including usePublicWaveShellState and conditional rendering behaviors in PublicWaveShell and WavesLayout.

Suggested reviewers

  • simo6529
  • prxt6529

Poem

🐰✨ A rabbit hops through waves so grand,
Components dance, hand in hoof in hand,
Old placeholders fade, new messages shine,
Refactored and clean—the UI's divine!
WaveScreenMessage hops in to stay,
Simplifying the logic in every way! 🌊

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 7.14% 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 'waves logged out placeholder fixes' accurately describes the main changes, which involve refactoring logged-out state UI across multiple wave components by introducing a new WaveScreenMessage component and simplifying placeholder rendering logic.

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

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch ui-ux-changes

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.

Copy link
Copy Markdown

@coderabbitai coderabbitai Bot left a comment

Choose a reason for hiding this comment

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

Actionable comments posted: 2

🧹 Nitpick comments (1)
components/waves/public/PublicWaveShell.tsx (1)

89-89: Remove conflicting text color utilities on the wave title.

Line 89 includes both tw-text-transparent and tw-text-white; keeping only one improves readability/intent of the style definition.

Suggested cleanup
-                  <h2 className="tw-mb-2 tw-text-xl tw-font-semibold tw-leading-[1.05] tw-tracking-tighter tw-text-transparent tw-text-white sm:tw-text-2xl md:tw-text-3xl">
+                  <h2 className="tw-mb-2 tw-text-xl tw-font-semibold tw-leading-[1.05] tw-tracking-tighter tw-text-white sm:tw-text-2xl md:tw-text-3xl">
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@components/waves/public/PublicWaveShell.tsx` at line 89, The h2 wave title
currently has conflicting Tailwind color utilities ("tw-text-transparent" and
"tw-text-white"); edit the className on the h2 element in PublicWaveShell (the
wave title) to remove the incorrect/unused color utility (keep "tw-text-white"
and remove "tw-text-transparent") so only one text color class remains and the
intent is clear.
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@components/auth/Auth.tsx`:
- Around line 814-844: The effect currently seeds previousShowWavesRef with
showWaves which makes didBecomeReady false on the initial render when showWaves
is already true and thus skips restoring a pending Waves return URL; change the
ref initialization so previousShowWavesRef starts as false (i.e., useRef(false))
or otherwise compute didBecomeReady to detect the first-ready state (e.g., treat
undefined/initial as not-ready) so that when showWaves is true on first mount
you still run the pending return URL restoration logic that uses
getPendingWavesAuthReturnUrl, clearPendingWavesAuthReturnUrl, and
router.replace.

In `@helpers/waves-auth-return.helpers.ts`:
- Around line 35-38: Wrap all accesses to session storage in this module (for
example the getPendingWavesAuthReturnUrl function) in a try/catch so runtime
exceptions in restricted browser contexts don’t break the flow; catch any error
from safeSessionStorage.getItem/setItem, log or swallow it as appropriate, and
return a safe fallback (null for getters, no-op for setters) before calling
normalizeWavesAuthReturnUrl or returning the value. Ensure every place that
currently calls safeSessionStorage.getItem or setItem (the calls around lines
37, 41-43 and 54) is protected by the same pattern and references the same
functions (e.g., getPendingWavesAuthReturnUrl) so failures won’t surface to the
login/connect flow.

---

Nitpick comments:
In `@components/waves/public/PublicWaveShell.tsx`:
- Line 89: The h2 wave title currently has conflicting Tailwind color utilities
("tw-text-transparent" and "tw-text-white"); edit the className on the h2
element in PublicWaveShell (the wave title) to remove the incorrect/unused color
utility (keep "tw-text-white" and remove "tw-text-transparent") so only one text
color class remains and the intent is clear.

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 04221d50-047e-429c-896d-2aa8f572dee2

📥 Commits

Reviewing files that changed from the base of the PR and between 15b1bb0 and e5072d9.

📒 Files selected for processing (8)
  • components/auth/Auth.tsx
  • components/auth/SeizeConnectContext.tsx
  • components/waves/WaveScreenMessage.tsx
  • components/waves/WavesView.tsx
  • components/waves/layout/WavesLayout.tsx
  • components/waves/public/PublicWaveShell.tsx
  • components/waves/public/usePublicWaveShellState.ts
  • helpers/waves-auth-return.helpers.ts

Comment thread components/auth/Auth.tsx Outdated
Comment thread helpers/waves-auth-return.helpers.ts Outdated
ragnep added 5 commits March 24, 2026 11:51
Signed-off-by: ragnep <ragneinfo@gmail.com>
Signed-off-by: ragnep <ragneinfo@gmail.com>
Signed-off-by: ragnep <ragneinfo@gmail.com>
Signed-off-by: ragnep <ragneinfo@gmail.com>
@sonarqubecloud
Copy link
Copy Markdown

@ragnep ragnep merged commit 78e0d02 into main Mar 24, 2026
8 checks passed
@ragnep ragnep deleted the ui-ux-changes branch March 24, 2026 10:58
@coderabbitai coderabbitai Bot mentioned this pull request Apr 8, 2026
@coderabbitai coderabbitai Bot mentioned this pull request Apr 28, 2026
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.

3 participants