chore: refactor /about

[duyet]

Summary by Sourcery

Refactor the About page by modularizing UI information into a new UIInfo component and update the Next.js dependency version.

Enhancements:

• Refactor the About page component by extracting UI information into a separate UIInfo component for better modularity and readability.

Build:

• Update the Next.js dependency version from 15.0.2 to 15.0.3 in package.json.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
clickhouse-monitoring	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 14, 2024 7:48am

[sourcery-ai]

Reviewer's Guide by Sourcery

This PR refactors the About page by extracting the UI information component into a separate file and adding loading state handling. It also includes a minor Next.js version update.

Sequence diagram for loading state handling in About page

sequenceDiagram
    participant User
    participant About
    participant UIInfo
    participant ClickHouseInfo
    participant MultiLineSkeleton

    User->>About: Load About page
    About->>UIInfo: Render UIInfo
    About->>ClickHouseInfo: Render ClickHouseInfo with Suspense
    ClickHouseInfo-->>MultiLineSkeleton: Fallback if loading
    ClickHouseInfo-->>About: Display ClickHouseInfo when ready

Loading

File-Level Changes

Change	Details	Files
Extracted UI information component into a separate file	Moved UI information card logic and JSX into a new UIInfo component Updated imports to use the new UIInfo component Simplified the main About page component	app/[host]/about/page.tsx app/[host]/about/ui-info.tsx
Added loading state handling for the ClickHouse information	Added MultiLineSkeleton component as a loading fallback Implemented Suspense boundary with fallback	app/[host]/about/page.tsx
Updated Next.js dependency	Bumped Next.js version from 15.0.2 to 15.0.3	package.json yarn.lock

---

Tips and commands

Interacting with Sourcery

• Trigger a new review: Comment @sourcery-ai review on the pull request.
• Continue discussions: Reply directly to Sourcery's review comments.
• Generate a GitHub issue from a review comment: Ask Sourcery to create an
  issue from a review comment by replying to it.
• Generate a pull request title: Write @sourcery-ai anywhere in the pull
  request title to generate a title at any time.
• Generate a pull request summary: Write @sourcery-ai summary anywhere in
  the pull request body to generate a PR summary at any time. You can also use
  this command to specify where the summary should be inserted.

Customizing Your Experience

Access your dashboard to:

• Enable or disable review features such as the Sourcery-generated pull request
  summary, the reviewer's guide, and others.
• Change the review language.
• Add, remove or edit custom review instructions.
• Adjust other review settings.

Getting Help

• Contact our support team for questions or feedback.
• Visit our documentation for detailed guides and information.
• Keep in touch with the Sourcery team by following us on X/Twitter, LinkedIn or GitHub.

[codecov-commenter]

Bundle Report

Changes will increase total bundle size by 7.07kB (0.11%) ⬆️. This is within the configured threshold ✅

Detailed changes

Bundle name	Size	Change
clickhouse-monitoring-bundle-server-cjs	2.4MB	8.77kB (0.37%) ⬆️
clickhouse-monitoring-bundle-edge-server-array-push	127.5kB	78 bytes (0.06%) ⬆️
clickhouse-monitoring-bundle-client-array-push	3.63MB	1.78kB (-0.05%) ⬇️

[sourcery-ai]

Hey @duyet - I've reviewed your changes and they look great!

Here's what I looked at during the review

• 🟢 General issues: all looks good
• 🟢 Security: all looks good
• 🟢 Review instructions: all looks good
• 🟢 Testing: all looks good
• 🟢 Complexity: all looks good
• 🟢 Documentation: all looks good

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 78.34%. Comparing base (0542cb5) to head (8622eb3).
Report is 1 commits behind head on main.

✅ All tests successful. No failed tests found.

Additional details and impacted files

@@           Coverage Diff           @@
##             main     #411   +/-   ##
=======================================
  Coverage   78.34%   78.34%           
=======================================
  Files           5        5           
  Lines         157      157           
  Branches       58       58           
=======================================
  Hits          123      123           
  Misses         31       31           
  Partials        3        3           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.