feat(orama): mobile ui #8443
Open
feat(orama): mobile ui #8443
+111
−80
Conversation
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
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Contributor
👋 Codeowner Review RequestThe following codeowners have been identified for the changed files: Team reviewers: @nodejs/nodejs-website @nodejs/web-infra Please review the changes when you have a chance. Thank you! 🙏 |
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## main #8443 +/- ##
==========================================
+ Coverage 73.62% 73.65% +0.03%
==========================================
Files 108 108
Lines 9193 9193
Branches 313 312 -1
==========================================
+ Hits 6768 6771 +3
+ Misses 2423 2420 -3
Partials 2 2 ☔ View full report in Codecov by Sentry. |
Contributor
There was a problem hiding this comment.
Pull request overview
This PR adds mobile UI support to the Orama search component, updates Orama packages to fix visual bugs, and adds a missing onClick handler to enable chat mode switching from search suggestions.
- Updated @orama/core from 1.2.14 to 1.2.15 and @orama/ui from 1.5.2/1.5.3 to 1.5.4
- Implemented mobile-responsive layouts with mobile-first CSS patterns
- Added onClick handler to SearchSuggestions component to enable chat mode switching
Reviewed changes
Copilot reviewed 13 out of 14 changed files in this pull request and generated 2 comments.
Show a summary per file
| File | Description |
|---|---|
| pnpm-lock.yaml | Updated lock file to reflect Orama package version bumps (core: 1.2.15, ui: 1.5.4) |
| packages/ui-components/package.json | Updated @orama/ui to 1.5.4 and @orama/core to 1.2.15 |
| apps/site/package.json | Updated @orama/ui to 1.5.4 and @orama/core to 1.2.15 |
| packages/ui-components/src/Common/Search/Suggestions/index.tsx | Added customizable wrapper and className props for mobile styling |
| packages/ui-components/src/Common/Search/Modal/index.module.css | Implemented mobile-first modal layout with full-screen mobile view |
| packages/ui-components/src/Common/Search/Results/Hit/index.module.css | Adjusted dark mode backgrounds for mobile (zinc-950) vs desktop (neutral-950) |
| packages/ui-components/src/Common/Search/Chat/Input/index.tsx | Added custom wrapper and className props for mobile suggestion styling |
| packages/ui-components/src/Common/Search/Chat/Input/index.module.css | Added mobile-optimized suggestion styles with horizontal scrolling |
| packages/ui-components/src/Common/Search/Results/Tabs/index.module.css | Removed redundant duration-300 (already handled by transition-colors) |
| packages/ui-components/src/Common/Search/Chat/Trigger/index.module.css | Removed redundant duration-300 (already handled by transition-colors) |
| packages/ui-components/src/Common/Search/Chat/Actions/index.module.css | Removed redundant duration-300 (already handled by transition-colors) |
| apps/site/components/Common/Searchbox/index.tsx | Added onClick handler to SearchSuggestions to switch to chat mode |
| apps/site/components/Common/Searchbox/ChatSources/index.module.css | Changed mobile background from neutral-100 to white for consistency |
| apps/site/components/Common/Searchbox/ChatInteractions/index.module.css | Adjusted scroll button position higher on mobile (bottom-36) to prevent overlap |
Files not reviewed (1)
- pnpm-lock.yaml: Language not supported
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Contributor
📦 Build Size ComparisonSummary
Changes➕ Added Assets (37)
➖ Removed Assets (6)
|
Co-authored-by: Copilot <[email protected]> Signed-off-by: Aviv Keller <[email protected]>
Member
Paddings/margings on chat mode could be a bit better |
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.
Ref: #8376
This PR adds a mobile UI to our Orama, along with:
onClickhandler was added toSuggestions