[PR #4814] [MERGED] feat: support adding cover to document #6461

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

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/4814
Author: @qinluhe
Created: 3/4/2024
Status: Merged
Merged: 3/5/2024
Merged by: @qinluhe

Base: mainHead: feat/support-document-cover


📝 Commits (1)

  • b11e387 feat: support adding cover to document

📊 Changes

49 files changed (+903 additions, -367 deletions)

View changed files

📝 frontend/appflowy_tauri/src/appflowy_app/application/document/document.types.ts (+15 -4)
📝 frontend/appflowy_tauri/src/appflowy_app/assets/image.svg (+4 -2)
frontend/appflowy_tauri/src/appflowy_app/assets/images/default_cover.jpg (+0 -0)
frontend/appflowy_tauri/src/appflowy_app/components/_shared/image_upload/Colors.tsx (+0 -7)
📝 frontend/appflowy_tauri/src/appflowy_app/components/_shared/image_upload/EmbedLink.tsx (+13 -4)
frontend/appflowy_tauri/src/appflowy_app/components/_shared/image_upload/UploadTabs.tsx (+123 -0)
📝 frontend/appflowy_tauri/src/appflowy_app/components/_shared/image_upload/index.ts (+1 -1)
📝 frontend/appflowy_tauri/src/appflowy_app/components/_shared/view_title/ViewBanner.tsx (+35 -16)
📝 frontend/appflowy_tauri/src/appflowy_app/components/_shared/view_title/ViewIcon.tsx (+1 -1)
📝 frontend/appflowy_tauri/src/appflowy_app/components/_shared/view_title/ViewIconGroup.tsx (+24 -13)
📝 frontend/appflowy_tauri/src/appflowy_app/components/_shared/view_title/ViewTitle.tsx (+21 -3)
frontend/appflowy_tauri/src/appflowy_app/components/_shared/view_title/cover/Colors.tsx (+21 -0)
frontend/appflowy_tauri/src/appflowy_app/components/_shared/view_title/cover/CoverPopover.tsx (+91 -0)
frontend/appflowy_tauri/src/appflowy_app/components/_shared/view_title/cover/ViewCover.tsx (+66 -0)
frontend/appflowy_tauri/src/appflowy_app/components/_shared/view_title/cover/ViewCoverActions.tsx (+42 -0)
frontend/appflowy_tauri/src/appflowy_app/components/_shared/view_title/cover/index.ts (+1 -0)
📝 frontend/appflowy_tauri/src/appflowy_app/components/document/Document.tsx (+23 -4)
📝 frontend/appflowy_tauri/src/appflowy_app/components/document/document_header/DocumentHeader.tsx (+37 -5)
📝 frontend/appflowy_tauri/src/appflowy_app/components/editor/command/formula.ts (+6 -0)
📝 frontend/appflowy_tauri/src/appflowy_app/components/editor/command/index.ts (+12 -6)

...and 29 more files

📄 Description

Feature Preview

https://github.com/AppFlowy-IO/AppFlowy/assets/108015703/bb2a0418-ba7a-4ba9-933e-7a838aec9fad

  • Support rendering document cover

  • Support default cover selection (asset path)

  • Supports embed link and unsplash image selected

  • Supports uploading images (the upload function will create an independent PR)

  • Replace the background image with an enumeration scheme and use a fixed color

  • Fixed bugs about selection of inline block


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/4814 **Author:** [@qinluhe](https://github.com/qinluhe) **Created:** 3/4/2024 **Status:** ✅ Merged **Merged:** 3/5/2024 **Merged by:** [@qinluhe](https://github.com/qinluhe) **Base:** `main` ← **Head:** `feat/support-document-cover` --- ### 📝 Commits (1) - [`b11e387`](https://github.com/AppFlowy-IO/AppFlowy/commit/b11e387b09619cbdd85b68303a14f89f0263c833) feat: support adding cover to document ### 📊 Changes **49 files changed** (+903 additions, -367 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_tauri/src/appflowy_app/application/document/document.types.ts` (+15 -4) 📝 `frontend/appflowy_tauri/src/appflowy_app/assets/image.svg` (+4 -2) ➕ `frontend/appflowy_tauri/src/appflowy_app/assets/images/default_cover.jpg` (+0 -0) ➖ `frontend/appflowy_tauri/src/appflowy_app/components/_shared/image_upload/Colors.tsx` (+0 -7) 📝 `frontend/appflowy_tauri/src/appflowy_app/components/_shared/image_upload/EmbedLink.tsx` (+13 -4) ➕ `frontend/appflowy_tauri/src/appflowy_app/components/_shared/image_upload/UploadTabs.tsx` (+123 -0) 📝 `frontend/appflowy_tauri/src/appflowy_app/components/_shared/image_upload/index.ts` (+1 -1) 📝 `frontend/appflowy_tauri/src/appflowy_app/components/_shared/view_title/ViewBanner.tsx` (+35 -16) 📝 `frontend/appflowy_tauri/src/appflowy_app/components/_shared/view_title/ViewIcon.tsx` (+1 -1) 📝 `frontend/appflowy_tauri/src/appflowy_app/components/_shared/view_title/ViewIconGroup.tsx` (+24 -13) 📝 `frontend/appflowy_tauri/src/appflowy_app/components/_shared/view_title/ViewTitle.tsx` (+21 -3) ➕ `frontend/appflowy_tauri/src/appflowy_app/components/_shared/view_title/cover/Colors.tsx` (+21 -0) ➕ `frontend/appflowy_tauri/src/appflowy_app/components/_shared/view_title/cover/CoverPopover.tsx` (+91 -0) ➕ `frontend/appflowy_tauri/src/appflowy_app/components/_shared/view_title/cover/ViewCover.tsx` (+66 -0) ➕ `frontend/appflowy_tauri/src/appflowy_app/components/_shared/view_title/cover/ViewCoverActions.tsx` (+42 -0) ➕ `frontend/appflowy_tauri/src/appflowy_app/components/_shared/view_title/cover/index.ts` (+1 -0) 📝 `frontend/appflowy_tauri/src/appflowy_app/components/document/Document.tsx` (+23 -4) 📝 `frontend/appflowy_tauri/src/appflowy_app/components/document/document_header/DocumentHeader.tsx` (+37 -5) 📝 `frontend/appflowy_tauri/src/appflowy_app/components/editor/command/formula.ts` (+6 -0) 📝 `frontend/appflowy_tauri/src/appflowy_app/components/editor/command/index.ts` (+12 -6) _...and 29 more files_ </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 https://github.com/AppFlowy-IO/AppFlowy/assets/108015703/bb2a0418-ba7a-4ba9-933e-7a838aec9fad - [x] Support rendering document cover - [x] Support default cover selection (asset path) - [x] Supports embed link and unsplash image selected - [ ] Supports uploading images (the upload function will create an independent PR) - [x] Replace the background image with an enumeration scheme and use a fixed color - [x] Fixed bugs about selection of inline block <!--- 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 - [ ] My code adheres to [AppFlowy's Conventions](https://docs.appflowy.io/docs/documentation/software-contributions/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. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
mirror 2026-03-23 22:23:19 +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#6461
No description provided.