-
Notifications
You must be signed in to change notification settings - Fork 14
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
chore: suspend load header components #256
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hey @duyet - I've reviewed your changes and they look great!
Here's what I looked at during the review
- 🟡 General issues: 2 issues found
- 🟢 Security: all looks good
- 🟢 Testing: all looks good
- 🟢 Complexity: all looks good
Help me be more useful! Please click 👍 or 👎 on each comment to tell me if it was helpful.
@@ -24,13 +25,17 @@ export function Header() { | |||
<span className="flex sm:hidden">{TITLE_SHORT}</span> | |||
</h2> | |||
<div className="text-muted-foreground"> | |||
<ClickHouseHost /> | |||
<Suspense> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
issue (bug_risk): Suspense component missing fallback prop
The Suspense component should include a fallback prop to handle the loading state. This ensures that users have a visual indication that content is being loaded.
components/header.tsx
Outdated
</div> | ||
</div> | ||
</div> | ||
<div className="flex items-center space-x-2"> | ||
<Menu /> | ||
<ReloadButton /> | ||
<Suspense> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
issue (bug_risk): Suspense component missing fallback prop
The Suspense component should include a fallback prop to handle the loading state. This ensures that users have a visual indication that content is being loaded.
No description provided.