feat(docs): adding custom sidebar&NavBar on docs #162
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
…egration - Added CustomSidebar component for improved navigation with collapsible functionality. - Integrated GitHubButton to display repository stars and link to GitHub. - Updated layout configuration to support new sidebar structure and GitHub options. - Introduced new hooks and utility functions for fetching GitHub stars and managing sidebar state. - Implemented collapsible sidebar functionality using Radix UI components. - Enhanced sidebar with scrollable areas and improved styling using Tailwind CSS. - Refactored sidebar context management for better state handling. - Added utility functions for sidebar tab management and active state detection.
… sidebar tab utilities
|
…ss components - Changed single quotes to double quotes in various files for consistency. - Updated import statements to use double quotes. - Refactored component props types to use double quotes. - Improved formatting and spacing in several components for better readability. - Ensured consistent use of class names and styles in JSX elements. - Cleaned up unused imports and organized existing ones. - Enhanced error handling in the useGitHubStars hook. - Updated Sidebar and Navbar components for better structure and clarity.
…proved responsiveness
… and desktop layouts
…ries for improved responsiveness
…iveness on different screen sizes
Sma1lboy
changed the title
|
/pochi summery this pr with a comment for me |
|
✅ Pochi Completed |
|
Great work on this major refactor of the documentation site's layout system! I've reviewed the changes and here's a summary of what I see: Summary of ChangesThis PR introduces a comprehensive refactor and enhancement of the documentation site's layout system with the following key improvements: Layout and Responsiveness Improvements
Sidebar and Navbar Modularization
New UI Components
Configuration and Type Updates
Dependency Additions
The changes significantly improve the user experience with better responsiveness, more modular components, and enhanced functionality. The code is well-organized and follows good practices for maintainability. |
|
/pochi summerize current pr for me |
|
✅ Pochi Completed |
|
/pochi summerize current pr for me |
|
🔄 Pochi Running... |
|
I've reviewed this PR which introduces a significant enhancement to the documentation site's layout system. The changes modularize the sidebar and navbar components, improve responsiveness, and add new UI components for better usability. The addition of GitHub star display and improved mobile navigation are particularly valuable. The code is well-structured and follows good practices with proper component organization and reusability. |
|
/pochi summerize current pr for me |
|
✅ Pochi Completed |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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.
This pull request introduces a major refactor and enhancement of the documentation site's layout system. The changes focus on modularizing the sidebar and navbar, improving responsiveness, and adding new UI components for better usability and maintainability. It also introduces new dependencies to support these features. Below are the most important changes:
Layout and Responsiveness Improvements:
NavbarandSidebarcomponents, enabling more flexible navigation and sidebar rendering, and imported custom CSS for responsive layout tweaks. (packages/docs/src/app/(docs)/layout.tsx,packages/docs/src/app/(docs)/responsive-layout.css,packages/docs/src/components/navbar.tsx,packages/docs/src/components/sidebar.tsx) [1] [2] [3] [4]packages/docs/src/app/(docs)/responsive-layout.css)Sidebar and Navbar Modularization:
packages/docs/src/components/sidebar.tsx,packages/docs/src/components/SidebarFooterContent.tsx,packages/docs/src/components/navbar.tsx) [1] [2] [3]packages/docs/src/components/layout/sidebar/index.tsx)New UI Components:
packages/docs/src/components/ui/collapsible.tsx,packages/docs/src/components/ui/scroll-area.tsx) [1] [2]GitHubButtonandSearchButtoncomponents for improved interactivity and modularity in the navigation and sidebar. (packages/docs/src/components/GitHubButton.tsx,packages/docs/src/components/SearchButton.tsx) [1] [2]Configuration and Type Updates:
baseOptions) to include agithubobject and support for custom navigation and search toggle options, updating related types and usage throughout the layout and sidebar components. (packages/docs/src/app/layout.config.tsx,packages/docs/src/components/sidebar.tsx) [1] [2] [3]Dependency Additions:
packages/docs/package.json) [1] [2]