feat: UI components #217
Merged
feat: UI components #217
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
- Add new Textarea component with variant and size props using class-variance-authority - Add clsx and tailwind-merge dependencies for class name merging utilities - Replace native textarea elements with the new Textarea component in ChatInput, ChatMessage, CanvasPyInterpreter, and settings components - Implement styling variants (default, code, transparent) and size options (default, full) for the Textarea component - Add cn utility function for merging class names in utils/index.ts
- Replace button elements with the new Button component - Standardize button styling and variants across the application - Update various components to use consistent button implementation
- Replace custom XCloseButton component with standard Button component - Update close button to use LuX icon from react-icons/lu - Move button localization strings to shared codeRunner namespace
- Add new 'icon-rounded' size variant for buttons - Replace 'icon' size variant with 'icon-rounded' in multiple components - Remove redundant 'rounded-md' class
- Remove IntlIconButton component and its interface - Replace all IntlIconButton usages with Button components
- Replace raw label elements with the new Label component across multiple UI components - Add consistent styling through variant and size props - Remove manual className combinations in favor of component variants - Maintain accessibility attributes and functionality
…Message - Replace the collapse component with a custom button implementation for better control over the expand/collapse functionality - The button now uses a useState hook to manage the show/hide state instead of relying on checkboxes
- Replace custom button toggle with Radix UI Collapsible component - Add proper ARIA labels for accessibility - Maintain existing functionality while improving UX
- Move context files from src/context/* to src/store/* - Rename page components (ChatScreen → Chat, WelcomeScreen → Welcome) - Move page-specific components to their respective page directories - Maintain existing functionality while improving project organization
…t-icons usage - Create new Icon component with support for react-icons - Add size and variant props for consistent icon styling - Replace direct react-icons imports with centralized Icon component - Remove individual react-icons imports from components
- Move JavaScript files to 'js/' directory with hash-based naming - Organize CSS files into 'css/' directory with hash-based naming - Add dedicated 'fonts/' directory for font assets (woff, woff2, ttf) - Implement dynamic vendor chunking for specified dependencies - Configure manualChunks to group node_modules into vendor chunks BREAKING CHANGE: Asset file paths have changed from 'assets/' to 'js/', 'css/', and 'fonts/' directories
- Replace exact vendor name matching with partial matching using includes() - Update vendor list to use package names without file extensions
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.
No description provided.