Added a new import and a new variable called isTyping.
Modified the onSend function to check if isTyping is false before sending the message.
Modified the send button to show a loading icon when isTyping is true.
Changes to app-sidebar.vue
Modified a div element to include a pb-2 class.
Changed the text-gray-4 class to text-color-lighter.
How
The changes made to app-prompt-input.vue involved adding a new import statement and a new variable called isTyping. The onSend function was also modified to check if isTyping is false before sending the message. Finally, the send button was modified to show a loading icon when isTyping is true.
In app-sidebar.vue, a div element was modified to include a pb-2 class and the text-gray-4 class was changed to text-color-lighter.
Why
The changes made to app-prompt-input.vue were made to improve the user experience by showing a loading icon when the user is typing a message. This helps to prevent the user from sending multiple messages at once.
The changes made to app-sidebar.vue were made to improve the appearance of the sidebar in the application.
Summary of Pull Request
Changes to
app-prompt-input.vue
isTyping
.onSend
function to check ifisTyping
is false before sending the message.isTyping
is true.Changes to
app-sidebar.vue
pb-2
class.text-gray-4
class totext-color-lighter
.How
The changes made to
app-prompt-input.vue
involved adding a new import statement and a new variable calledisTyping
. TheonSend
function was also modified to check ifisTyping
is false before sending the message. Finally, the send button was modified to show a loading icon whenisTyping
is true.In
app-sidebar.vue
, a div element was modified to include apb-2
class and thetext-gray-4
class was changed totext-color-lighter
.Why
The changes made to
app-prompt-input.vue
were made to improve the user experience by showing a loading icon when the user is typing a message. This helps to prevent the user from sending multiple messages at once.The changes made to
app-sidebar.vue
were made to improve the appearance of the sidebar in the application.