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

[RNMobile] Fix footer appender in buttons block #22711

Merged
merged 2 commits into from
May 29, 2020

Conversation

dratwas
Copy link
Contributor

@dratwas dratwas commented May 28, 2020

Description

gutenberg-mobile PR: wordpress-mobile/gutenberg-mobile#2331

In this PR i fixed the issue with the appender in Buttons block. Since the FooterComponent od flatList is a pure component the list didn't re-render when props of block-list have changed. I added a renderFooterAppender function to the extra data and saved the extraData to a class property to not pass a new reference on every render. I also had to add useRef in the buttons/edit.native.js to not create the function on every render which was forcing to re-render of the whole list.

See wordpress-mobile/gutenberg-mobile#2321 (comment)

In addition, I fixed one small issue with padding in the link settings of the button block.

How has this been tested?

  • Add buttons block
  • Unselect the buttons block
  • The appender should not be visible

Screenshots

appenderbuttons

Types of changes

Fix of buttons appender

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.

@github-actions
Copy link

github-actions bot commented May 28, 2020

Size Change: 0 B

Total Size: 1.12 MB

ℹ️ 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/index.js 6.48 kB 0 B
build/block-directory/style-rtl.css 788 B 0 B
build/block-directory/style.css 788 B 0 B
build/block-editor/index.js 105 kB 0 B
build/block-editor/style-rtl.css 11 kB 0 B
build/block-editor/style.css 11 kB 0 B
build/block-library/editor-rtl.css 7.2 kB 0 B
build/block-library/editor.css 7.2 kB 0 B
build/block-library/index.js 119 kB 0 B
build/block-library/style-rtl.css 7.68 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/blocks/index.js 48.1 kB 0 B
build/components/index.js 190 kB 0 B
build/components/style-rtl.css 17.1 kB 0 B
build/components/style.css 17.1 kB 0 B
build/compose/index.js 9.31 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.42 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/dom/index.js 3.11 kB 0 B
build/edit-navigation/index.js 6.62 kB 0 B
build/edit-navigation/style-rtl.css 857 B 0 B
build/edit-navigation/style.css 856 B 0 B
build/edit-post/index.js 302 kB 0 B
build/edit-post/style-rtl.css 12.2 kB 0 B
build/edit-post/style.css 12.2 kB 0 B
build/edit-site/index.js 14 kB 0 B
build/edit-site/style-rtl.css 5.52 kB 0 B
build/edit-site/style.css 5.53 kB 0 B
build/edit-widgets/index.js 8.05 kB 0 B
build/edit-widgets/style-rtl.css 4.59 kB 0 B
build/edit-widgets/style.css 4.59 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.6 kB 0 B
build/editor/style-rtl.css 5.06 kB 0 B
build/editor/style.css 5.06 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.71 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 622 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.51 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.29 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.02 kB 0 B
build/viewport/index.js 1.84 kB 0 B
build/warning/index.js 1.14 kB 0 B
build/wordcount/index.js 1.17 kB 0 B

compressed-size-action

@dratwas dratwas changed the title [RNMobile] fix footer appender in buttons block [RNMobile] Fix footer appender in buttons block May 28, 2020
@SergioEstevao SergioEstevao added the Mobile App - i.e. Android or iOS Native mobile impl of the block editor. (Note: used in scripts, ping mobile folks to change) label May 28, 2020
@lukewalczak
Copy link
Member

Tested on both platforms and looks like problem is fixed! Thanks @dratwas

@SergioEstevao SergioEstevao merged commit f2eea8e into master May 29, 2020
@SergioEstevao SergioEstevao deleted the rnmobile/fix/buttons-appender branch May 29, 2020 10:11
@github-actions github-actions bot added this to the Gutenberg 8.3 milestone May 29, 2020
SergioEstevao pushed a commit that referenced this pull request May 29, 2020
* add renderFooterAppender to the extraData to re-render list

* small refactor
mchowning added a commit that referenced this pull request Jun 1, 2020
* Remove Keyboard.dismiss() when deleting block

* Move selection to end of link after insertion. (#22652)

Make sure the selection is refreshed after changed.

* Only show pullquote block on iOS.

* Allow pullquote block to show on Android Dev builds

* Change indentifier type in Button, correct concatenation in merge function (#22708)

* [RNMobile] Fix footer appender in buttons block (#22711)

* add renderFooterAppender to the extraData to re-render list

* small refactor

* Add onDeleteBlock to the extra data to re-render when it has changes (#22716)

* add renderFooterAppender to the extraData to re-render list

* small refactor

* Add onDeleteBlock to the extra data to re-render when it has changes

* add renderFooterAppender to the extraData to re-render list

* small refactor

* Add onDeleteBlock to the extra data to re-render when it has changes

* [RNMobile] Correct color selection in color settings (#22736)

* [RNMobile] Fix: Add default value to format when start and end are undefined (#22741)

* add default vale to format when start and end are undefined

* revert lint changes

* Fix lint issue

Co-authored-by: lukewalczak <[email protected]>
Co-authored-by: Sérgio Estêvão <[email protected]>
Co-authored-by: Drapich Piotr <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Mobile App - i.e. Android or iOS Native mobile impl of the block editor. (Note: used in scripts, ping mobile folks to change)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants