-
Notifications
You must be signed in to change notification settings - Fork 14
Khatchig - CEM2662 - Typing animation #440
base: master
Are you sure you want to change the base?
Conversation
|
Attach a video gif to the pr |
ralph-dev
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Needs imepvoement
| <TextBubble {...args} /> | ||
| ); | ||
|
|
||
| export const Basic = Template.bind({}); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Frombot
| <BubbleContainer fromBot={ fromBot }> | ||
| <Bubble fromBot={ fromBot }> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
fromBot is repeated twice
| <div style={{ | ||
| marginLeft: textMarginSize, | ||
| marginRight: textMarginSize, | ||
| display: "flex", | ||
| flexDirection: "row" | ||
| }}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Styled component
| const textMarginSize = "10px"; | ||
|
|
||
| const container_margin = "10px"; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Why are you defining margins inside the component?
| let dots = []; | ||
|
|
||
| for (let i = 0; i < num; i ++) { | ||
| dots.push(<Dot delay={i * delayStep} />); | ||
| } |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Somethings wrong here
| marginTop: standardMarginSize; | ||
| margin-top: -20px; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Duplicate CSS
| return ( | ||
| <BubbleContainer fromBot={ fromBot }> | ||
| <Bubble fromBot={ fromBot }> | ||
| <div style={{ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
{...bubbleDivProps} or {...bubbleDivStyle}
|
|
||
| export interface ITextBubbleProps { | ||
| content: React.ReactElement; | ||
| fromBot: boolean; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
bubbleProps: React.HTMLAttrs(ReactDivElemet)
Uh oh!
There was an error while loading. Please reload this page.