[PR #3637] [MERGED] fix: image block issues #5803

Closed
opened 2026-03-23 22:20:22 +00:00 by mirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/3637
Author: @LucasXu0
Created: 10/6/2023
Status: Merged
Merged: 10/7/2023
Merged by: @LucasXu0

Base: mainHead: fix_image_block_issues


📝 Commits (7)

  • 406cdae fix: upload image menu will flicker for one frame after inserting an image
  • accf881 fix: custom image block component cursor overflow
  • 40e0eb7 fix: add padding between unsplash results and search field
  • 5269906 fix: can't use esc to close the image upload menu
  • d909678 fix: add a search button in unsplash image widget
  • 474769b fix: remove theme mode tooltip
  • 737292c test: add integration test for new image block

📊 Changes

10 files changed (+287 additions, -67 deletions)

View changed files

📝 frontend/appflowy_flutter/integration_test/document/document_test_runner.dart (+2 -0)
frontend/appflowy_flutter/integration_test/document/document_with_image_block_test.dart (+147 -0)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/image/custom_image_block_component.dart (+2 -5)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/image/image_placeholder.dart (+14 -3)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/image/unsplash_image_widget.dart (+39 -16)
📝 frontend/appflowy_flutter/lib/workspace/presentation/settings/widgets/settings_appearance/brightness_setting.dart (+18 -33)
📝 frontend/appflowy_flutter/packages/appflowy_popover/lib/src/popover.dart (+33 -5)
📝 frontend/appflowy_flutter/packages/flowy_infra_ui/lib/src/flowy_overlay/appflowy_popover.dart (+11 -2)
📝 frontend/appflowy_flutter/pubspec.lock (+18 -2)
📝 frontend/appflowy_flutter/pubspec.yaml (+3 -1)

📄 Description

Feature Preview

  • remove the tooltip of the theme mode, and add a description under the theme mode text.
  • Add padding between unsplash results and search field
  • cannot use ESC to close the image picker dialog - only when navigating to embed link or unsplash tab
  • No longer able to trigger the menu after selecting image
  • it shouldn’t require Enter to search an image - (Add a search button)
  • Selecting an image from unsplash makes the dialog flicker as it disappear
  • add a loading status when querying from the image service
  • Selecting the image block is strange

PR Checklist

  • My code adheres to AppFlowy's Conventions
  • I've listed at least one issue that this PR fixes in the description above.
  • I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes.
  • All existing tests are passing.

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/AppFlowy-IO/AppFlowy/pull/3637 **Author:** [@LucasXu0](https://github.com/LucasXu0) **Created:** 10/6/2023 **Status:** ✅ Merged **Merged:** 10/7/2023 **Merged by:** [@LucasXu0](https://github.com/LucasXu0) **Base:** `main` ← **Head:** `fix_image_block_issues` --- ### 📝 Commits (7) - [`406cdae`](https://github.com/AppFlowy-IO/AppFlowy/commit/406cdae6dbf88610ea6837bec8a18cf169d3e7c9) fix: upload image menu will flicker for one frame after inserting an image - [`accf881`](https://github.com/AppFlowy-IO/AppFlowy/commit/accf88179dabc9fe427d9666ce7bdf431be430c0) fix: custom image block component cursor overflow - [`40e0eb7`](https://github.com/AppFlowy-IO/AppFlowy/commit/40e0eb734790629fe216a62a90aaa488cb252451) fix: add padding between unsplash results and search field - [`5269906`](https://github.com/AppFlowy-IO/AppFlowy/commit/5269906346d4e9350c3500768da34cdff59f7b09) fix: can't use esc to close the image upload menu - [`d909678`](https://github.com/AppFlowy-IO/AppFlowy/commit/d9096784cfa57e90dd302da12673a2bf0bb83172) fix: add a search button in unsplash image widget - [`474769b`](https://github.com/AppFlowy-IO/AppFlowy/commit/474769bd440d585b31f2f365cbfe12413c4f0d52) fix: remove theme mode tooltip - [`737292c`](https://github.com/AppFlowy-IO/AppFlowy/commit/737292c31703d74d3d9f526064184df5183ff07d) test: add integration test for new image block ### 📊 Changes **10 files changed** (+287 additions, -67 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/integration_test/document/document_test_runner.dart` (+2 -0) ➕ `frontend/appflowy_flutter/integration_test/document/document_with_image_block_test.dart` (+147 -0) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/image/custom_image_block_component.dart` (+2 -5) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/image/image_placeholder.dart` (+14 -3) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/image/unsplash_image_widget.dart` (+39 -16) 📝 `frontend/appflowy_flutter/lib/workspace/presentation/settings/widgets/settings_appearance/brightness_setting.dart` (+18 -33) 📝 `frontend/appflowy_flutter/packages/appflowy_popover/lib/src/popover.dart` (+33 -5) 📝 `frontend/appflowy_flutter/packages/flowy_infra_ui/lib/src/flowy_overlay/appflowy_popover.dart` (+11 -2) 📝 `frontend/appflowy_flutter/pubspec.lock` (+18 -2) 📝 `frontend/appflowy_flutter/pubspec.yaml` (+3 -1) </details> ### 📄 Description <!--- Thank you for submitting a pull request to AppFlowy. The team will dedicate their best efforts to reviewing and approving your pull request. If you have any questions about the project or feedback for us, please join our [Discord](https://discord.gg/wdjWUXXhtw). --> <!--- If your pull request adds a new feature, please drag and drop a video into this section to showcase what you've done! If not, you may delete this section. --> ### Feature Preview - [x] remove the tooltip of the theme mode, and add a description under the theme mode text. - [x] Add padding between unsplash results and search field - [x] cannot use ESC to close the image picker dialog - only when navigating to embed link or unsplash tab - [x] No longer able to trigger the menu after selecting image - [x] it shouldn’t require Enter to search an image - (Add a search button) - [x] Selecting an image from unsplash makes the dialog flicker as it disappear - [x] add a loading status when querying from the image service - [x] Selecting the image block is strange <!--- List at least one issue here that this PR addresses. If it fixes the issue, please use the [fixes](https://docs.github.com/en/get-started/writing-on-github/working-with-advanced-formatting/using-keywords-in-issues-and-pull-requests) keyword to close the issue. For example: fixes https://github.com/AppFlowy-IO/AppFlowy/pull/2106 --> --- <!--- Before you mark this PR ready for review, run through this checklist! --> #### PR Checklist - [x] My code adheres to [AppFlowy's Conventions](https://docs.appflowy.io/docs/documentation/software-contributions/conventions) - [x] I've listed at least one issue that this PR fixes in the description above. - [x] I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes. - [x] All existing tests are passing. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
mirror 2026-03-23 22:20:22 +00:00
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
AppFlowy-IO/AppFlowy#5803
No description provided.