Skip to content

Update exports in react-core and enhance styles in react-ui components [TH-1501] - #242

Merged
ankit-thesys merged 18 commits into
mainfrom
buttom-tray
Dec 23, 2025
Merged

Update exports in react-core and enhance styles in react-ui components [TH-1501]#242
ankit-thesys merged 18 commits into
mainfrom
buttom-tray

Conversation

@ankit-thesys

@ankit-thesys ankit-thesys commented Dec 16, 2025

Copy link
Copy Markdown
Contributor
  • Change exports in react-core to specify types for UseThreadListManagerParams and UseThreadManagerParams.
  • Add BottomTray styles to the main SCSS index in react-ui.
  • Update story titles and tags for CopilotShell and CrayonChat components to improve organisation and visibility in documentation.
Screen.Recording.2025-12-16.at.4.26.45.PM.mov

* Change exports in react-core to specify types for UseThreadListManagerParams and UseThreadManagerParams.
* Add BottomTray styles to the main SCSS index in react-ui.
* Update story titles and tags for CopilotShell and CrayonChat components to improve organization and visibility in documentation.
…utton

* Implemented open and closed states for the BottomTray component using CSS transitions for smooth animations.
* Added a Trigger button for opening and closing the BottomTray, allowing for better user interaction.
* Updated Container and Header components to support new props for managing the BottomTray's state.
* Enhanced styles for mobile responsiveness and improved layout in the BottomTray stories.
@ankit-thesys ankit-thesys self-assigned this Dec 16, 2025
… button

* Updated BottomTray styles for improved responsiveness and layout, changing height and width to percentages and max values.
* Removed unnecessary borders and padding from BottomTray and Header styles.
* Introduced a new BottomTrayNewChatButton component for initiating new chats, integrated into the Header component.
* Enhanced Header component to accept a custom new chat button as a prop for better flexibility.
* Updated BottomTray styles to accommodate a fixed position with space for the trigger button, enhancing layout and responsiveness.
* Changed the Trigger button to use a ChevronDown icon and added an isOpen prop for better mobile handling.
* Modified stories to reflect the new Trigger behavior, ensuring it remains visible and functional across different states.
* Improved accessibility and user interaction by ensuring the Trigger button toggles the BottomTray state effectively.
…ing imports

* Removed bottomTray.scss file and updated index.scss to forward the new index.scss for BottomTray.
* Cleaned up header.scss by removing unused styles related to the BottomTray.
* Enhanced Header component to conditionally render the new chat button and thread list container based on props for improved flexibility.
* Removed trailing empty lines from container.scss, index.scss, threadList.scss, and trigger.scss for improved code cleanliness.
* Updated BottomTray story to format the Trigger component for better readability.
….scss

* Updated the import path for BottomTray styles in index.scss to reflect the new file name.
* Removed the obsolete index.scss file from the BottomTray component directory.
* Updated padding values in header.scss and thread.scss for better spacing consistency.
* Adjusted padding in the thread composer to enhance layout and visual appeal.
* Improved border-radius in the input wrapper for a more modern design.
* Introduced a new gradient overlay at the bottom of the thread scroll area for improved visual separation.
* Updated padding in the thread composer for better spacing consistency.
* Updated the gradient overlay in the scroll area for improved visual clarity.
* Removed commented-out style code for cleaner codebase.
* Added right padding to the thread list for improved spacing.
* Removed unused id prop from ThreadItem component for cleaner code.
Comment thread js/packages/react-ui/src/components/BottomTray/Trigger.tsx Outdated
Comment thread js/packages/react-ui/src/components/BottomTray/thread.scss Outdated
…ity and styling

* Updated animation names in thread.scss for consistency.
* Refactored Trigger component to use forwardRef for better integration with React.
* Simplified CrayonChat type definitions by replacing enum with string literals for clarity.
* Adjusted props handling in CrayonChat to streamline bottom tray functionality.
@ankit-thesys
ankit-thesys merged commit 99df434 into main Dec 23, 2025
3 checks passed
@ankit-thesys
ankit-thesys deleted the buttom-tray branch December 23, 2025 10:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants