feat: add Desktop to homepage feature card platforms#1042
Merged
Conversation
✅ Deploy Preview for lynx-doc ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
|
Caution Review failedAn error occurred during the review process. Please try again later. ✨ Finishing Touches🧪 Generate unit tests (beta)
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. Comment |
Contributor
There was a problem hiding this comment.
Pull request overview
This PR updates the homepage “Write Once, Render Anywhere” feature card to add a new Desktop action row, showing macOS + Windows icons and linking into the existing “Integrate with Existing Apps” guide with the macOS tab preselected.
Changes:
- Add a new “Desktop” action row (macOS + Windows icons) to the homepage feature card actions.
- Introduce
IconMacOS/IconWindowsReact SVG components and wire them into the homepage feature config. - Add CSS module styles for the new icons and add the
home-icon-macos.svgasset under the home assets directory.
Reviewed changes
Copilot reviewed 3 out of 4 changed files in this pull request and generated 2 comments.
| File | Description |
|---|---|
| src/components/home-comps/features/index.tsx | Adds the new “Desktop” action row (macOS + Windows icons) and link. |
| src/components/home-comps/features/index.module.less | Adds CSS module styling for the new macOS/Windows icons. |
| src/components/home-comps/features/icon.tsx | Adds IconMacOS/IconWindows exports and adjusts icon imports. |
| docs/public/assets/home/home-icon-macos.svg | Adds the macOS SVG used by the new Desktop row. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Comment on lines
+51
to
+55
| .macos-icon { | ||
| width: 18px; | ||
| height: 18px; | ||
| path { | ||
| fill: var(--home-blog-btn-color) !important; |
Comment on lines
+26
to
+32
| const IconMacOS = () => { | ||
| return <MacOSIcon className={styles['macos-icon']} />; | ||
| }; | ||
|
|
||
| const IconWindows = () => { | ||
| return <WindowsIcon className={styles['windows-icon']} />; | ||
| }; |
Deploying lynx-website-next with
|
| Latest commit: |
f1af412
|
| Status: | ⚡️ Build in progress... |
Adds a Desktop action button with macOS + Windows logos to the "Write Once, Render Anywhere" feature card, linking to the desktop integration guide. Change-Id: I0980dd4fc98abd1a7bf6a923856fb80284ec200b
Huxpro
force-pushed
the
feat/home-add-desktop-platform
branch
from
ad13b53 to
f1af412
Compare
This was referenced Jun 3, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
<APISummary />(viahome-icon-macos.svgcopied from the compat-table icon set) so the homepage stays consistent with the API docsguide/start/integrate-with-existing-apps.html?platform=macosThe desc copy already mentions "mobile and desktop", so no copy change was needed.
Test plan
/and/zh/— confirm the Desktop row renders below Web with both macOS and Windows icons--home-blog-btn-color