Skip to content

Update the block directory state to store the installing status per block id.#22881

Merged
StevenDufresne merged 5 commits intomasterfrom
fix/block-directory-installing-state
Jun 8, 2020
Merged

Update the block directory state to store the installing status per block id.#22881
StevenDufresne merged 5 commits intomasterfrom
fix/block-directory-installing-state

Conversation

@StevenDufresne
Copy link
Copy Markdown
Contributor

Description

When installing a block from the block directory the isInstalling state is shared across all the results. This means that if I install 1 block, all the buttons display the loading state.

How has this been tested?

Screenshots

Types of changes

Checklist:

  • My code is tested.
  • My code follows the WordPress code style.
  • My code follows the accessibility standards.
  • My code has proper inline documentation.
  • I've included developer documentation if appropriate.
  • I've updated all React Native files affected by any refactorings/renamings in this PR.

@StevenDufresne StevenDufresne added [Type] Bug An existing feature does not function as intended [Feature] Block Directory Related to the Block Directory, a repository of block plugins labels Jun 4, 2020
@StevenDufresne StevenDufresne requested a review from ryelle June 4, 2020 04:57
@StevenDufresne StevenDufresne changed the title Update the block management to store the installing status per block id. Update the block directory state to store the installing status per block id. Jun 4, 2020
@github-actions
Copy link
Copy Markdown

github-actions bot commented Jun 4, 2020

Size Change: +784 B (0%)

Total Size: 1.12 MB

Filename Size Change
build/block-directory/index.js 6.77 kB +22 B (0%)
build/block-editor/index.js 106 kB -61 B (0%)
build/block-editor/style-rtl.css 11.4 kB +12 B (0%)
build/block-editor/style.css 11.4 kB +10 B (0%)
build/block-library/index.js 126 kB +663 B (0%)
build/blocks/index.js 48.2 kB +25 B (0%)
build/components/style-rtl.css 19.5 kB -6 B (0%)
build/components/style.css 19.5 kB -5 B (0%)
build/compose/index.js 9.31 kB -14 B (0%)
build/dom/index.js 3.17 kB +55 B (1%)
build/edit-navigation/style-rtl.css 918 B +40 B (4%)
build/edit-navigation/style.css 919 B +43 B (4%)
ℹ️ View Unchanged
Filename Size Change
build/a11y/index.js 1.14 kB 0 B
build/annotations/index.js 3.62 kB 0 B
build/api-fetch/index.js 3.4 kB 0 B
build/autop/index.js 2.83 kB 0 B
build/blob/index.js 620 B 0 B
build/block-directory/style-rtl.css 892 B 0 B
build/block-directory/style.css 892 B 0 B
build/block-library/editor-rtl.css 7.87 kB 0 B
build/block-library/editor.css 7.88 kB 0 B
build/block-library/style-rtl.css 7.69 kB 0 B
build/block-library/style.css 7.68 kB 0 B
build/block-library/theme-rtl.css 684 B 0 B
build/block-library/theme.css 686 B 0 B
build/block-serialization-default-parser/index.js 1.88 kB 0 B
build/block-serialization-spec-parser/index.js 3.1 kB 0 B
build/components/index.js 193 kB 0 B
build/core-data/index.js 11.4 kB 0 B
build/data-controls/index.js 1.29 kB 0 B
build/data/index.js 8.46 kB 0 B
build/date/index.js 5.47 kB 0 B
build/deprecated/index.js 771 B 0 B
build/dom-ready/index.js 568 B 0 B
build/edit-navigation/index.js 8.25 kB 0 B
build/edit-post/index.js 302 kB 0 B
build/edit-post/style-rtl.css 5.43 kB 0 B
build/edit-post/style.css 5.43 kB 0 B
build/edit-site/index.js 15 kB 0 B
build/edit-site/style-rtl.css 2.96 kB 0 B
build/edit-site/style.css 2.96 kB 0 B
build/edit-widgets/index.js 8.83 kB 0 B
build/edit-widgets/style-rtl.css 2.4 kB 0 B
build/edit-widgets/style.css 2.4 kB 0 B
build/editor/editor-styles-rtl.css 425 B 0 B
build/editor/editor-styles.css 428 B 0 B
build/editor/index.js 44.7 kB 0 B
build/editor/style-rtl.css 4.26 kB 0 B
build/editor/style.css 4.27 kB 0 B
build/element/index.js 4.65 kB 0 B
build/escape-html/index.js 733 B 0 B
build/format-library/index.js 7.72 kB 0 B
build/format-library/style-rtl.css 502 B 0 B
build/format-library/style.css 502 B 0 B
build/hooks/index.js 2.13 kB 0 B
build/html-entities/index.js 621 B 0 B
build/i18n/index.js 3.56 kB 0 B
build/is-shallow-equal/index.js 711 B 0 B
build/keyboard-shortcuts/index.js 2.52 kB 0 B
build/keycodes/index.js 1.94 kB 0 B
build/list-reusable-blocks/index.js 3.12 kB 0 B
build/list-reusable-blocks/style-rtl.css 226 B 0 B
build/list-reusable-blocks/style.css 226 B 0 B
build/media-utils/index.js 5.3 kB 0 B
build/notices/index.js 1.79 kB 0 B
build/nux/index.js 3.4 kB 0 B
build/nux/style-rtl.css 616 B 0 B
build/nux/style.css 613 B 0 B
build/plugins/index.js 2.56 kB 0 B
build/primitives/index.js 1.5 kB 0 B
build/priority-queue/index.js 789 B 0 B
build/redux-routine/index.js 2.85 kB 0 B
build/rich-text/index.js 14.8 kB 0 B
build/server-side-render/index.js 2.68 kB 0 B
build/shortcode/index.js 1.7 kB 0 B
build/token-list/index.js 1.28 kB 0 B
build/url/index.js 4.06 kB 0 B
build/viewport/index.js 1.85 kB 0 B
build/warning/index.js 1.14 kB 0 B
build/wordcount/index.js 1.17 kB 0 B

compressed-size-action

@StevenDufresne StevenDufresne marked this pull request as ready for review June 4, 2020 06:01
Copy link
Copy Markdown
Contributor

@ryelle ryelle left a comment

Choose a reason for hiding this comment

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

I just noticed this yesterday, thanks for fixing it. It's working out in testing 👍

Some comments, but they're pretty minor.

Comment on lines +58 to +61
if ( ! state.blockManagement.isInstalling[ blockId ] ) {
return false;
}
return state.blockManagement.isInstalling[ blockId ];
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

You could simplify this like…

Suggested change
if ( ! state.blockManagement.isInstalling[ blockId ] ) {
return false;
}
return state.blockManagement.isInstalling[ blockId ];
return !! state.blockManagement.isInstalling[ blockId ];

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Funny enough, I had it that way but switched it back since it diverges from the way its done in other selectors.

Additionally, I find it less 'readable' for people who don't understand JS quirks.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

huh, I found this pattern in a few other selectors. I don't have any strong preference, so this is good 👍

@StevenDufresne
Copy link
Copy Markdown
Contributor Author

StevenDufresne commented Jun 5, 2020

Noting: This needs more tests before merging.

@StevenDufresne StevenDufresne marked this pull request as draft June 5, 2020 03:51
@StevenDufresne StevenDufresne marked this pull request as ready for review June 5, 2020 06:07
@ryelle ryelle self-requested a review June 5, 2020 15:28
Copy link
Copy Markdown
Contributor

@ryelle ryelle left a comment

Choose a reason for hiding this comment

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

Looks good 👍

Were you still planning on adding more tests? I think this is good to merge either way.

@StevenDufresne StevenDufresne merged commit 86c4a16 into master Jun 8, 2020
@StevenDufresne StevenDufresne deleted the fix/block-directory-installing-state branch June 8, 2020 01:05
@github-actions github-actions bot added this to the Gutenberg 8.3 milestone Jun 8, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Feature] Block Directory Related to the Block Directory, a repository of block plugins [Type] Bug An existing feature does not function as intended

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants