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

[WIP] Add privacy filter for mobile/small screens #4510

Closed
wants to merge 9 commits into from

Conversation

rugulous
Copy link
Contributor

@rugulous rugulous commented Mar 2, 2025

Adds the privacy filter option to the small screen version of the app. Most of the functionality was already there, it was just a case of adding the menu item and removing the explicit exclusion

@actual-github-bot actual-github-bot bot changed the title Add privacy filter for mobile/small screens [WIP] Add privacy filter for mobile/small screens Mar 2, 2025
Copy link

netlify bot commented Mar 2, 2025

Deploy Preview for actualbudget ready!

Name Link
🔨 Latest commit 034323a
🔍 Latest deploy log https://app.netlify.com/sites/actualbudget/deploys/67c716049e6bc30008a2980a
😎 Deploy Preview https://deploy-preview-4510.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 Mar 2, 2025

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
18 8.08 MB → 8.08 MB (+2.17 kB) +0.03%
Changeset
File Δ Size
src/components/modals/BudgetPageMenuModal.tsx 📈 +374 B (+18.57%) 1.97 kB → 2.33 kB
src/components/FinancesApp.tsx 📈 +1.27 kB (+10.72%) 11.82 kB → 13.08 kB
src/components/mobile/budget/index.tsx 📈 +391 B (+3.23%) 11.8 kB → 12.19 kB
src/components/mobile/transactions/TransactionListItem.tsx 📈 +110 B (+1.30%) 8.24 kB → 8.35 kB
src/components/Titlebar.tsx 📈 +48 B (+0.57%) 8.15 kB → 8.2 kB
src/components/Modals.tsx 📈 +60 B (+0.34%) 17.36 kB → 17.42 kB
src/components/PrivacyFilter.tsx 📉 -63 B (-1.88%) 3.27 kB → 3.21 kB
View detailed bundle breakdown

Added

No assets were added

Removed

No assets were removed

Bigger

Asset File Size % Changed
static/js/index.js 5.34 MB → 5.34 MB (+1.78 kB) +0.03%
static/js/narrow.js 86.27 kB → 86.65 kB (+391 B) +0.44%

Smaller

No assets were smaller

Unchanged

Asset File Size % Changed
static/js/en-GB.js 96.66 kB 0%
static/js/de.js 115.52 kB 0%
static/js/es.js 58.26 kB 0%
static/js/nl.js 95.51 kB 0%
static/js/workbox-window.prod.es5.js 5.69 kB 0%
static/js/en.js 103.78 kB 0%
static/js/resize-observer.js 18.37 kB 0%
static/js/pt-BR.js 110.52 kB 0%
static/js/indexeddb-main-thread-worker-e59fee74.js 13.5 kB 0%
static/js/fr.js 116.48 kB 0%
static/js/uk.js 111.06 kB 0%
static/js/BackgroundImage.js 122.29 kB 0%
static/js/useAccountPreviewTransactions.js 1.69 kB 0%
static/js/AppliedFilters.js 10.8 kB 0%
static/js/wide.js 102.3 kB 0%
static/js/ReportRouter.js 1.59 MB 0%

Copy link
Contributor

github-actions bot commented Mar 2, 2025

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.34 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.34 MB 0%

@rugulous
Copy link
Contributor Author

rugulous commented Mar 2, 2025

/update-vrt

@joel-jeremy
Copy link
Contributor

Thank you for the PR! If I remember correctly, this feature was intentionally left out for mobile because users can just simply move their phones to avoid unwanted glances. Maybe other users can chime in if this would provide value for them but if we are to add this in, we need a way to make it easier to toggle the privacy filter on all the mobile pages e.g. transactions page, accounts, etc.

@youngcw
Copy link
Member

youngcw commented Mar 3, 2025

My one concern is that its hard to view the data when privacy mode is on, and in some cases its probably impossible currently to view the numbers on mobile.

It could be cool if we had like a "shake to enable" privacy mode or something that could be done quickly and on any page.

@rugulous
Copy link
Contributor Author

rugulous commented Mar 3, 2025

Thank you both for the reviews/comments ☺️

My use case is fairly niche in that I was trying to quickly demo to someone but didn't want to show my actual figures or set up a dummy budget - then thought it would be useful to have feature parity between mobile/desktop. But I completely get that there may be reasons why this isn't needed!

To be honest until @youngcw suggested shake to trigger I was about ready to abandon this PR - I don't think there's a consistent space for a toggle button or something across all the pages, and it doesn't seem like an important enough feature to go about redesigning the whole mobile layout... 😆

I'm happy to take a look at if such a trigger is even possible though, it would certainly fix the issue of trying to find a place to put it! Would there be any opposition to the shake opening the menu where I've currently placed the filter option, so then it's a little more extensible if we want to add additional items in the future (e.g. undo last action)?

@abhiy98
Copy link

abhiy98 commented Mar 4, 2025

What about a button somewhere in setting or beside the settings button? Would be nice to have this feature if you ever want to show someone how actual looks and works and stuff. I mean I know there is demo and I could also create a new budget but this would be easier.

@rugulous rugulous closed this Mar 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants