-
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
Khachig
commented
Jan 22, 2022
•
edited
Loading
edited
Attach a video gif to the pr |
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)