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

Mobile category and group functionalities #1737

Merged

Conversation

joel-jeremy
Copy link
Contributor

@joel-jeremy joel-jeremy commented Sep 26, 2023

This is made on top of #1662 so that needs to be merged first before this.

Changes include (all mobile):

  • Toggle hidden groups / categories
  • Add new category
  • Add new group
  • Delete category
  • Delete group
  • Rename category
  • Rename group

@joel-jeremy joel-jeremy changed the title Mobile category and group menu Mobile category and group menus Sep 26, 2023
@netlify
Copy link

netlify bot commented Sep 26, 2023

Deploy Preview for actualbudget ready!

Name Link
🔨 Latest commit fc9010a
🔍 Latest deploy log https://app.netlify.com/sites/actualbudget/deploys/6525935735549e0007b27ebf
😎 Deploy Preview https://deploy-preview-1737.demo.actualbudget.org/
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@github-actions
Copy link
Contributor

github-actions bot commented Sep 26, 2023

Bundle Stats — desktop-client

Hey there, this message comes from a GitHub action that helps you and reviewers to understand how these changes affect the size of this project's bundle.

As this PR is updated, I'll keep you updated on how the bundle size is impacted.

Total

Files count Total bundle size % Changed
16 2.48 MB → 2.49 MB (+9.73 kB) +0.38%
Changeset
File Δ Size
src/components/modals/SingleInput.tsx 🆕 +2.93 kB 0 B → 2.93 kB
src/icons/v1/EditPencil.js 🆕 +529 B 0 B → 529 B
src/components/budget/MobileBudgetTable.js 📈 +22.58 kB (+58.27%) 38.74 kB → 61.32 kB
src/components/budget/MobileBudget.js 📈 +3.39 kB (+35.41%) 9.57 kB → 12.96 kB
src/components/Modals.tsx 📈 +822 B (+9.09%) 8.83 kB → 9.63 kB
src/components/util/AmountInput.js 📈 +209 B (+5.24%) 3.9 kB → 4.1 kB
src/style/styles.ts 📈 +181 B (+4.52%) 3.91 kB → 4.09 kB
src/components/tooltips.js 📈 +106 B (+0.97%) 10.67 kB → 10.77 kB
src/components/budget/BudgetTotals.js 📈 +13 B (+0.27%) 4.67 kB → 4.68 kB
src/components/budget/SidebarCategory.js 📈 +2 B (+0.03%) 6.4 kB → 6.4 kB
src/components/budget/SidebarGroup.tsx 📈 +2 B (+0.03%) 7.48 kB → 7.48 kB
src/components/budget/index.js 📉 -216 B (-1.23%) 17.22 kB → 17.01 kB
src/components/modals/BudgetSummary.tsx 📉 -629 B (-11.04%) 5.56 kB → 4.95 kB
View detailed bundle breakdown

Added

No assets were added

Removed

No assets were removed

Bigger

Asset File Size % Changed
static/js/narrow-components.chunk.js 34.74 kB → 43.24 kB (+8.51 kB) +24.49%
static/js/main.js 1.12 MB → 1.12 MB (+1.27 kB) +0.11%

Smaller

Asset File Size % Changed
static/js/wide-components.chunk.js 126.84 kB → 126.79 kB (-53 B) -0.04%

Unchanged

Asset File Size % Changed
static/js/678.chunk.js 420.74 kB 0%
static/media/Inter-italic.var.woff2 239.29 kB 0%
static/media/Inter-roman.var.woff2 221.86 kB 0%
static/js/713.chunk.js 156.56 kB 0%
static/js/231.chunk.js 117.37 kB 0%
static/js/reports.chunk.js 29.23 kB 0%
static/js/473.chunk.js 13 kB 0%
static/js/389.chunk.js 12.77 kB 0%
static/js/resize-observer-polyfill.chunk.js 8.88 kB 0%
static/css/main.css 7.41 kB 0%
asset-manifest.json 2.07 kB 0%
index.html 1.66 kB 0%
static/media/browser-server.js 903 B 0%

@github-actions
Copy link
Contributor

github-actions bot commented Sep 26, 2023

Bundle Stats — loot-core

Hey there, this message comes from a GitHub action that helps you and reviewers to understand how these changes affect the size of this project's bundle.

As this PR is updated, I'll keep you updated on how the bundle size is impacted.

Total

Files count Total bundle size % Changed
2 2.22 MB → 2.22 MB (+60 B) +0.00%
Changeset
File Δ Size
packages/loot-core/src/server/models.ts 📈 +136 B (+3.10%) 4.28 kB → 4.42 kB
packages/loot-core/src/server/main.ts 📈 +17 B (+0.03%) 63.23 kB → 63.24 kB
View detailed bundle breakdown

Added

No assets were added

Removed

No assets were removed

Bigger

Asset File Size % Changed
kcab.worker.js 1.23 MB → 1.23 MB (+60 B) +0.00%

Smaller

No assets were smaller

Unchanged

Asset File Size % Changed
xfo.xfo.kcab.worker.js 1014.46 kB 0%

@joel-jeremy joel-jeremy changed the title Mobile category and group menus Mobile category and group functionalities Sep 26, 2023
@youngcw
Copy link
Member

youngcw commented Sep 26, 2023

The income group is now a dimmed color. Im guessing that wasn't intentional.

Everything else seems good

@shall0pass
Copy link
Contributor

shall0pass commented Sep 26, 2023

Cool!

I found it a little hard to find a place to touch to close the menu if a category menu was opened. If I touched up, a new menu was opened and if touched to the right the budget cell would be edited. I finally found a spot near the top of the screen that worked repeatedly, but it wasn't really obvious what I needed to do to close it.

*I just discovered that scrolling will close it.

@joel-jeremy
Copy link
Contributor Author

Thank you for the feedback! The import group styling should now be fixed. I also added a close button on the category tooltip to make it easier to close and cancel the category rename - hopefully that will make the UX better. :)

@youngcw
Copy link
Member

youngcw commented Sep 26, 2023

This may be best for another PR, but if you wanted to be a hero, a button for templates in the new menus would be great.

I have no issues as it stands now UI/UX wise.

@joel-jeremy
Copy link
Contributor Author

Yeah, I'm planning to that in separate PR :)

@Crazypkr1099
Copy link
Contributor

Looks great @joel-jeremy ! Love how you fix the long names of the category to do the ... Thanks!

@joel-jeremy joel-jeremy force-pushed the mobile-category-and-group-menu branch from a4d8407 to e5dba78 Compare October 4, 2023 21:49
@joel-jeremy
Copy link
Contributor Author

@MatissJanis I have address the PR comments from #1662 here.

@joel-jeremy joel-jeremy force-pushed the mobile-category-and-group-menu branch from 426c2e6 to 909945c Compare October 6, 2023 06:00
Copy link
Member

@MatissJanis MatissJanis left a comment

Choose a reason for hiding this comment

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

Some bugs:

  • when editing category name: change the name and then close the tooltip with "x" without saving; then open it back up - the previous state will be visible; it would be more natural to reset it back to the original if "x" is clicked without saving
  • delete group is not working

Overall looks very good! Thanks for adding this!

@joel-jeremy joel-jeremy force-pushed the mobile-category-and-group-menu branch from 909945c to e2f867d Compare October 10, 2023 15:50
@joel-jeremy joel-jeremy merged commit c33dc6f into actualbudget:master Oct 10, 2023
17 checks passed
@trafico-bot trafico-bot bot added ✨ Merged Pull Request has been merged successfully and removed ✅ Approved labels Oct 10, 2023
FlorianLang06 pushed a commit to FlorianLang06/actual that referenced this pull request Mar 7, 2024
* More mobile functionalities

* Cleanup

* Remove close button on mobile budget summary modal

* Release notes

* Close mobile inputs on enter

* Fix mobile budget row header color

* Fix income group hidden

* Add validation + close button on category tooltip

* Add mobile budget visual cues

* More mobile visual cues

* Error message fix

* Update blank category name behavior

* Cleanup

* Cleanup

* Fix mobile group deletion and category tooltip behavior

* Zero sign for AmountInput

* VRT snapshot updates

* Handle null values in must-category-transfer
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ Merged Pull Request has been merged successfully
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants