[PR #3734] [MERGED] feat: mobile setting page, trash page and recent file UI with mock data #5852

New issue

Closed

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

mirror commented

2026-03-23 22:20:36 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/3734
Author: @hyj1204
Created: 10/20/2023
Status: ✅ Merged
Merged: 10/25/2023
Merged by: @LucasXu0

Base: main ← Head: feat/mobile_setting

📝 Commits (10+)

68e7e52 feat: add MobileHomeSettingPage in router
c92f2ae chore: update appbar theme
088b8a7 feat: add setting items basic UI
9948807 feat: add user info setting
6f6da51 chore: add placeholder page for About part in setting page
a23bf4e chore: add validation when finishing editing
5d565ec feat: add support part in setting page
58e448d feat: add appearance part in setting page
303f391 chore: reorganize files hierarchy
760dc0a chore: improve naming

📊 Changes

50 files changed (+1475 additions, -461 deletions)

View changed files

📝 frontend/appflowy_flutter/integration_test/auth/auth_test.dart (+2 -2)
📝 frontend/appflowy_flutter/integration_test/util/common_operations.dart (+1 -1)
📝 frontend/appflowy_flutter/integration_test/util/database_test_op.dart (+3 -3)
📝 frontend/appflowy_flutter/ios/Podfile.lock (+1 -1)
📝 frontend/appflowy_flutter/lib/mobile/application/mobile_theme_data.dart (+152 -33)
📝 frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/default_mobile_action_pane.dart (+1 -9)
📝 frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/mobile_bottom_sheet.dart (+66 -23)
📝 frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/mobile_bottom_sheet_view_item_header.dart (+2 -2)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/home.dart (+2 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_page.dart (+36 -2)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_page_header.dart (+62 -19)
📝 frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_page_recent_files.dart (+88 -18)
➖ frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_page_ui.dart (+0 -1)
➕ frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_setting_page.dart (+57 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_trash_page.dart (+185 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/mobile_bottom_navigation_bar.dart (+0 -11)
📝 frontend/appflowy_flutter/lib/mobile/presentation/presentation.dart (+1 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/setting/about/about.dart (+3 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/setting/about/about_setting_group.dart (+41 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/setting/about/privacy_policy_page.dart (+22 -0)

...and 30 more files

📄 Description

Feature Preview

This PR is to add a basic layout of the setting page with the following futures.

Personal information:

Update the username by clicking the done button on the keyboard or clicking the update button on the page.
The username cannot be set to empty, otherwise, error text is shown on the page.
Email is shown only when cloud service is on(as the screen recording shows).
If the user is in offline mode, it will show like this:

Notifications: No real feature for now, it will be finished with the notification page.
Appearance: Switch theme mode. The detailed values of the current theme still need improvement in the future PR.
Support: Link to discord and link to report GitHub issue page
About: Placeholder page for now.

https://github.com/AppFlowy-IO/AppFlowy/assets/14248245/4f304fc5-5323-4118-beda-28285af30aca

Trash Page and Recent File UI with mock data

https://github.com/AppFlowy-IO/AppFlowy/assets/14248245/164f0410-4244-4d38-8e22-171f16101866

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/3734 **Author:** [@hyj1204](https://github.com/hyj1204) **Created:** 10/20/2023 **Status:** ✅ Merged **Merged:** 10/25/2023 **Merged by:** [@LucasXu0](https://github.com/LucasXu0) **Base:** `main` ← **Head:** `feat/mobile_setting` --- ### 📝 Commits (10+) - [`68e7e52`](https://github.com/AppFlowy-IO/AppFlowy/commit/68e7e523b367dbcfa6c553e3018871b2a566e51c) feat: add MobileHomeSettingPage in router - [`c92f2ae`](https://github.com/AppFlowy-IO/AppFlowy/commit/c92f2ae3014956ef7d98e3793e153dd2a35882a6) chore: update appbar theme - [`088b8a7`](https://github.com/AppFlowy-IO/AppFlowy/commit/088b8a7a77203e2733564356131fe82509cb34ff) feat: add setting items basic UI - [`9948807`](https://github.com/AppFlowy-IO/AppFlowy/commit/99488076c0efff68ecc7e7496202ed7e4f9399b6) feat: add user info setting - [`6f6da51`](https://github.com/AppFlowy-IO/AppFlowy/commit/6f6da51ce5da75c96080e3ea456f28b8af9206c9) chore: add placeholder page for About part in setting page - [`a23bf4e`](https://github.com/AppFlowy-IO/AppFlowy/commit/a23bf4ecd4a17ea653956d4ad05328df0f775ac0) chore: add validation when finishing editing - [`5d565ec`](https://github.com/AppFlowy-IO/AppFlowy/commit/5d565ecfbf4b6e017d059999841d5e76de81404f) feat: add support part in setting page - [`58e448d`](https://github.com/AppFlowy-IO/AppFlowy/commit/58e448db5e3d398d6b8496077e4d7f5a1261ac5a) feat: add appearance part in setting page - [`303f391`](https://github.com/AppFlowy-IO/AppFlowy/commit/303f3910c517f7dca8dcfaec138a0e2888f117b3) chore: reorganize files hierarchy - [`760dc0a`](https://github.com/AppFlowy-IO/AppFlowy/commit/760dc0a8af024777beaa349596f344ef29e1297b) chore: improve naming ### 📊 Changes **50 files changed** (+1475 additions, -461 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/integration_test/auth/auth_test.dart` (+2 -2) 📝 `frontend/appflowy_flutter/integration_test/util/common_operations.dart` (+1 -1) 📝 `frontend/appflowy_flutter/integration_test/util/database_test_op.dart` (+3 -3) 📝 `frontend/appflowy_flutter/ios/Podfile.lock` (+1 -1) 📝 `frontend/appflowy_flutter/lib/mobile/application/mobile_theme_data.dart` (+152 -33) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/default_mobile_action_pane.dart` (+1 -9) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/mobile_bottom_sheet.dart` (+66 -23) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/mobile_bottom_sheet_view_item_header.dart` (+2 -2) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/home.dart` (+2 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_page.dart` (+36 -2) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_page_header.dart` (+62 -19) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_page_recent_files.dart` (+88 -18) ➖ `frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_page_ui.dart` (+0 -1) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_setting_page.dart` (+57 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/home/mobile_home_trash_page.dart` (+185 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/mobile_bottom_navigation_bar.dart` (+0 -11) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/presentation.dart` (+1 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/setting/about/about.dart` (+3 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/setting/about/about_setting_group.dart` (+41 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/setting/about/privacy_policy_page.dart` (+22 -0) _...and 30 more files_ </details> ### 📄 Description  ### Feature Preview This PR is to add a basic layout of the setting page with the following futures. 1. Personal information: - Update the username by clicking the done button on the keyboard or clicking the update button on the page. The username cannot be set to empty, otherwise, error text is shown on the page. <img width="408" alt="image" src="https://github.com/AppFlowy-IO/AppFlowy/assets/14248245/a8fd407a-cb62-4599-a81a-1aa02b49b75c"> - Email is shown only when cloud service is on(as the screen recording shows). If the user is in offline mode, it will show like this: <img width="440" alt="Pasted Graphic 1" src="https://github.com/AppFlowy-IO/AppFlowy/assets/14248245/d0d78822-3615-4635-bbf1-5935db5ba443"> 2. Notifications: No real feature for now, it will be finished with the notification page. 3. Appearance: Switch theme mode. The detailed values of the current theme still need improvement in the future PR. 4. Support: Link to discord and link to report GitHub issue page 5. About: Placeholder page for now. https://github.com/AppFlowy-IO/AppFlowy/assets/14248245/4f304fc5-5323-4118-beda-28285af30aca ### Trash Page and Recent File UI with mock data https://github.com/AppFlowy-IO/AppFlowy/assets/14248245/164f0410-4244-4d38-8e22-171f16101866   ---  #### PR Checklist - [X] 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. - [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>