Skip to content
This repository has been archived by the owner on Feb 23, 2022. It is now read-only.

Khatchig - CEM2662 - Typing animation #440

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Khatchig - CEM2662 - Typing animation #440

wants to merge 4 commits into from

Conversation

Khachig
Copy link
Contributor

@Khachig Khachig commented Jan 22, 2022

ScreenRecording

@ralph-dev
Copy link
Member

Attach a video gif to the pr

Copy link
Member

@ralph-dev ralph-dev left a 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({});
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Frombot

Comment on lines 12 to 13
<BubbleContainer fromBot={ fromBot }>
<Bubble fromBot={ fromBot }>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fromBot is repeated twice

Comment on lines 14 to 19
<div style={{
marginLeft: textMarginSize,
marginRight: textMarginSize,
display: "flex",
flexDirection: "row"
}}>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Styled component

Comment on lines 27 to 29
const textMarginSize = "10px";

const container_margin = "10px";
Copy link
Member

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?

Comment on lines +11 to +15
let dots = [];

for (let i = 0; i < num; i ++) {
dots.push(<Dot delay={i * delayStep} />);
}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Somethings wrong here

Comment on lines 50 to 51
marginTop: standardMarginSize;
margin-top: -20px;
Copy link
Member

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={{
Copy link
Member

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;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

bubbleProps: React.HTMLAttrs(ReactDivElemet)

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants