Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dialog: Replies loader #3781

Merged
merged 7 commits into from
Mar 30, 2020
Merged

Dialog: Replies loader #3781

merged 7 commits into from
Mar 30, 2020

Conversation

siddharthkp
Copy link
Contributor

What kind of change does this PR introduce?

What is the current behavior?

What is the new behavior?

What steps did you take to test this? This is required before we can merge, make sure to test the flow you've updated.

  1. Step A
  2. Step B
  3. Step C

Checklist

  • Documentation
  • Testing
  • Ready to be merged
  • Added myself to contributors table

@lbogdan lbogdan temporarily deployed to pr3781 March 30, 2020 07:27 Inactive
@lbogdan
Copy link
Contributor

lbogdan commented Mar 30, 2020

Build for latest commit 3f13333 is at https://pr3781.build.csb.dev/s/new.

@lbogdan lbogdan temporarily deployed to pr3781 March 30, 2020 08:09 Inactive
@lbogdan lbogdan temporarily deployed to pr3781 March 30, 2020 09:21 Inactive
@lbogdan lbogdan temporarily deployed to pr3781 March 30, 2020 09:33 Inactive
Copy link
Contributor

@christianalfoni christianalfoni left a comment

Choose a reason for hiding this comment

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

Looks great, one small comment 😄

);
const Replies = ({ replies, repliesRenderedCallback }) => {
const [isAnimating, setAnimating] = React.useState(true);
const repliesLoaded = !!replies[0];
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
const repliesLoaded = !!replies[0];
const repliesLoaded = Boolean(replies[0]);

const SKELETON_HEIGHT = 146;

React.useEffect(() => {
if (repliesLoaded && !isAnimating) repliesRenderedCallback();
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
if (repliesLoaded && !isAnimating) repliesRenderedCallback();
if (repliesLoaded && !isAnimating) {
repliesRenderedCallback();
}

Comment on lines +5 to +6
// export interface ITextProps extends React.HTMLAttributes<HTMLSpanElement> {}

Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
// export interface ITextProps extends React.HTMLAttributes<HTMLSpanElement> {}

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

Successfully merging this pull request may close these issues.

4 participants