Skip to content

Add typing indicator animation#419

Merged
adrianwyatt merged 11 commits intomicrosoft:mainfrom
Vivihung:typing-indicator
Apr 12, 2023
Merged

Add typing indicator animation#419
adrianwyatt merged 11 commits intomicrosoft:mainfrom
Vivihung:typing-indicator

Conversation

@Vivihung
Copy link
Copy Markdown
Member

Motivation and Context

Today, the app did nothing after a user submitted a chat. The user doesn't know if the app is working or not. Therefore, we need a visual animation when the bot prepares a response. It could improve the user experience on the perceptional response time.

Description

  • Leverage the latest Fluent UI Animation component to render the loading balls animation with frames.
  • Checkin the loading balls frames as an SVG
  • Add TypeScript support in importing SVG

Contribution Checklist

@Vivihung Vivihung self-assigned this Apr 11, 2023
@Vivihung Vivihung added PR: ready for review All feedback addressed, ready for reviews typescript labels Apr 12, 2023
@shawncal shawncal added PR: feedback to address Waiting for PR owner to address comments/questions and removed PR: ready for review All feedback addressed, ready for reviews labels Apr 12, 2023
SergeyMenshykh
SergeyMenshykh previously approved these changes Apr 12, 2023
@Vivihung Vivihung added PR: ready for review All feedback addressed, ready for reviews and removed PR: feedback to address Waiting for PR owner to address comments/questions labels Apr 12, 2023
@adrianwyatt adrianwyatt merged commit 7ce57a8 into microsoft:main Apr 12, 2023
@Vivihung Vivihung deleted the typing-indicator branch April 13, 2023 01:59
dehoward pushed a commit to lemillermicrosoft/semantic-kernel that referenced this pull request Jun 1, 2023
### Motivation and Context
Today, the app did nothing after a user submitted a chat. The user
doesn't know if the app is working or not. Therefore, we need a visual
animation when the bot prepares a response. It could improve the user
experience on the perceptional response time.

### Description
- Leverage the latest Fluent UI Animation component to render the
loading balls animation with frames.
- Checkin the loading balls frames as an SVG
- Add TypeScript support in importing SVG
golden-aries pushed a commit to golden-aries/semantic-kernel that referenced this pull request Oct 10, 2023
### Motivation and Context
Today, the app did nothing after a user submitted a chat. The user
doesn't know if the app is working or not. Therefore, we need a visual
animation when the bot prepares a response. It could improve the user
experience on the perceptional response time.

### Description
- Leverage the latest Fluent UI Animation component to render the
loading balls animation with frames.
- Checkin the loading balls frames as an SVG
- Add TypeScript support in importing SVG
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

PR: ready for review All feedback addressed, ready for reviews

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants