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

Display balances in category autocomplete #2551

Merged
merged 12 commits into from
Apr 16, 2024

Conversation

joel-jeremy
Copy link
Contributor

Closes #534

@github-actions github-actions bot changed the title Display balances in category autocomplete [WIP] Display balances in category autocomplete Apr 4, 2024
Copy link

netlify bot commented Apr 4, 2024

Deploy Preview for actualbudget ready!

Name Link
🔨 Latest commit 84a6cf5
🔍 Latest deploy log https://app.netlify.com/sites/actualbudget/deploys/661eb6ffe860480008d8969b
😎 Deploy Preview https://deploy-preview-2551.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.

Copy link
Contributor

github-actions bot commented Apr 4, 2024

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
9 4.64 MB → 4.64 MB (+2.22 kB) +0.05%
Changeset
File Δ Size
src/components/autocomplete/CategoryAutocomplete.tsx 📈 +1.22 kB (+15.34%) 7.98 kB → 9.21 kB
src/components/modals/CategoryAutocompleteModal.tsx 📈 +179 B (+9.47%) 1.85 kB → 2.02 kB
src/components/budget/util.ts 📈 +215 B (+6.65%) 3.16 kB → 3.37 kB
src/components/accounts/Account.jsx 📈 +1.15 kB (+2.65%) 43.41 kB → 44.56 kB
src/components/modals/CoverModal.tsx 📈 +31 B (+1.26%) 2.4 kB → 2.43 kB
src/components/mobile/transactions/TransactionEdit.jsx 📈 +228 B (+0.73%) 30.56 kB → 30.79 kB
src/components/modals/RolloverBudgetSummaryModal.tsx 📈 +13 B (+0.68%) 1.86 kB → 1.87 kB
src/components/modals/TransferModal.tsx 📈 +20 B (+0.65%) 2.99 kB → 3.01 kB
src/components/transactions/TransactionsTable.jsx 📈 +195 B (+0.36%) 53.13 kB → 53.32 kB
src/components/mobile/budget/BudgetTable.jsx 📈 +26 B (+0.08%) 30.62 kB → 30.64 kB
src/components/Modals.tsx 📉 -82 B (-0.56%) 14.24 kB → 14.16 kB
src/components/modals/EditField.jsx 📉 -986 B (-11.84%) 8.13 kB → 7.17 kB
View detailed bundle breakdown

Added

No assets were added

Removed

No assets were removed

Bigger

Asset File Size % Changed
static/js/wide.js 262.74 kB → 264.08 kB (+1.34 kB) +0.51%
static/js/index.js 2.97 MB → 2.97 MB (+872 B) +0.03%
static/js/narrow.js 56.68 kB → 56.71 kB (+26 B) +0.04%

Smaller

No assets were smaller

Unchanged

Asset File Size % Changed
static/js/resize-observer.js 18.37 kB 0%
static/js/indexeddb-main-thread-worker-e59fee74.js 13.5 kB 0%
static/js/BackgroundImage.js 122.29 kB 0%
static/js/usePreviewTransactions.js 790 B 0%
static/js/AppliedFilters.js 20.35 kB 0%
static/js/ReportRouter.js 1.19 MB 0%

Copy link
Contributor

github-actions bot commented Apr 4, 2024

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
1 1.2 MB 0%

Changeset

No files were changed

View detailed bundle breakdown

Added

No assets were added

Removed

No assets were removed

Bigger

No assets were bigger

Smaller

No assets were smaller

Unchanged

Asset File Size % Changed
kcab.worker.js 1.2 MB 0%

@joel-jeremy joel-jeremy force-pushed the category-autocomplete-balances branch from dc9371f to ce4ec19 Compare April 5, 2024 17:23
@rich-howell
Copy link
Contributor

This is exactly what I wanted - only thing I would say is the red is really hard to read.

@Teprifer
Copy link

Teprifer commented Apr 6, 2024

I concur, in dark and midnight themes the colours are fine, but in light even the green doesn't have good readability - especially if highlighted:

image

@joel-jeremy
Copy link
Contributor Author

I'm frying to figure out how to make the balances available to the test which is failing. Would appreciate any tips to put me into the right direction. :)

@joel-jeremy joel-jeremy force-pushed the category-autocomplete-balances branch from 00919e2 to 476e0db Compare April 11, 2024 02:05
@Teprifer
Copy link

Desktop contrasts are much improved, thanks :)
For the midnight theme I think the menu highlight looks too bright (to me anyway).

image

On mobile, light mode, category names can't be seen until highlighted:

image

@joel-jeremy joel-jeremy force-pushed the category-autocomplete-balances branch from 4b2943e to 0f6e749 Compare April 12, 2024 15:08
@joel-jeremy
Copy link
Contributor Author

Did a rebase, the mobile above should now be resolved. :)

@joel-jeremy joel-jeremy force-pushed the category-autocomplete-balances branch from a54479c to a8dd511 Compare April 13, 2024 19:55
@joel-jeremy joel-jeremy changed the title [WIP] Display balances in category autocomplete Display balances in category autocomplete Apr 13, 2024
@joel-jeremy joel-jeremy requested a review from MatissJanis April 13, 2024 20:14
@MatissJanis
Copy link
Member

MatissJanis commented Apr 14, 2024

Small bug on desktop version:

  1. select 2x transactions
  2. click "2 transactions" to open the menu and then category
  3. fatal crash

edit: same issue with 1x transaction

@joel-jeremy joel-jeremy force-pushed the category-autocomplete-balances branch from 518a9ff to a66886e Compare April 15, 2024 06:10
@joel-jeremy
Copy link
Contributor Author

The batch edit bug should now be fixed :)

MatissJanis
MatissJanis previously approved these changes Apr 16, 2024
Comment on lines 78 to 80
const _positiveColor = colors.positiveColor || theme.noticeText;
const _negativeColor = colors.negativeColor || theme.errorText;
const _zeroColor = colors.zeroColor || theme.tableTextSubdued;
Copy link
Member

Choose a reason for hiding this comment

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

🥜 nitpick: ‏tbh I'm not a big fan of this naming convention. I don't see it adding any value. Especially in this context.

@joel-jeremy joel-jeremy merged commit b101f99 into master Apr 16, 2024
19 checks passed
@joel-jeremy joel-jeremy deleted the category-autocomplete-balances branch April 16, 2024 19:14
@trafico-bot trafico-bot bot added the ✨ Merged Pull Request has been merged successfully label Apr 16, 2024
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.

[Feature] Display category balance when assigning transaction
4 participants