feat(cli): update message-input component style #306
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎ 1 Skipped Deployment
|
There was a problem hiding this comment.
The diff introduces a shift from an input to a textarea with updated styling and key event handling. The changes in key submission behavior and the removal of autoFocus might alter the user experience, so please verify that these modifications are intentional.
Additional notes (2)
-
Readability |
cli/src/registry/message-input/message-input.tsx:111-115
The keydown event handler now submits the message onEnter(withoutShift) rather than onCtrl/⌘ + Enteras in the previous implementation. This change affects the UX for inserting newlines in the textarea. Please confirm that this new behavior is intentional. -
Readability |
cli/src/registry/message-input/message-input.tsx:137-140
The autoFocus attribute that was present on the previous input element has been removed in the new textarea implementation. This might impact usability on initial component render if autofocus was intended.
Summary of changes
Summary of Changes
- Component Type Update: The component has been updated to use a
<textarea>instead of an<input>, and the corresponding types (HTMLTextAreaElement) and refs have been updated. - Styling & Layout: The layout now features a flex column container with updated Tailwind CSS classes, and the send button now uses an
ArrowUpicon with a tooltip instead of the previous text-based button. - Event Handler Changes: The keydown handler now submits the message when pressing
Enter(withoutShift), as opposed to the previousCtrl/⌘ + Enterbehavior. - Minor Modifications: The autoFocus attribute on the input has been removed and the placeholder text has been changed to "What do you want to do?".
Updates style of installable message-input component