[PR #7841] [AI] Add alternating colors to the TransactionsTable #77413

Open
opened 2026-05-16 19:18:22 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/7841
Author: @mnil
Created: 5/14/2026
Status: 🔄 Open

Base: masterHead: mnil/alternating-transactions-colors


📝 Commits (1)

  • 332936f [AI] Add alternating colors to the TransactionsTable

📊 Changes

7 files changed (+38 additions, -8 deletions)

View changed files

📝 packages/desktop-client/src/components/modals/ImportTransactionsModal/ImportTransactionsModal.tsx (+2 -1)
📝 packages/desktop-client/src/components/modals/ImportTransactionsModal/Transaction.tsx (+6 -1)
📝 packages/desktop-client/src/components/transactions/SimpleTransactionsTable.tsx (+14 -2)
📝 packages/desktop-client/src/components/transactions/TransactionsTable.tsx (+8 -2)
📝 packages/desktop-client/src/style/themes/dark.ts (+1 -1)
📝 packages/desktop-client/src/style/themes/midnight.ts (+1 -1)
upcoming-release-notes/7841.md (+6 -0)

📄 Description

Description

This PR addresses some comments from the discord where people where saying the transaction table were hard to read due to missing alternating colors.

n/a

Testing

Tested on my local linux instance.

Checklist

  • Release notes added (see link above)
  • No obvious regressions in affected areas
  • Self-review has been performed - I understand what each change in the code does and why it is needed

Bundle Stats

Bundle Files count Total bundle size % Changed
desktop-client 33 13.99 MB → 13.99 MB (-419 B) -0.00%
loot-core 1 5.34 MB 0%
api 2 3.96 MB 0%
cli 1 7.97 MB 0%
crdt 1 11.12 kB 0%
View detailed bundle stats

desktop-client

Total

Files count Total bundle size % Changed
33 13.99 MB → 13.99 MB (-419 B) -0.00%
Changeset
File Δ Size
src/components/transactions/SimpleTransactionsTable.tsx 📈 +196 B (+2.21%) 8.67 kB → 8.86 kB
src/components/modals/ImportTransactionsModal/Transaction.tsx 📈 +147 B (+1.23%) 11.71 kB → 11.85 kB
locale/en.json 📈 +452 B (+0.23%) 195.44 kB → 195.88 kB
src/components/modals/ImportTransactionsModal/ImportTransactionsModal.tsx 📈 +38 B (+0.12%) 32.18 kB → 32.22 kB
src/components/transactions/TransactionsTable.tsx 📈 +88 B (+0.10%) 88.28 kB → 88.36 kB
src/style/themes/midnight.ts 📈 +1 B (+0.01%) 18.71 kB → 18.71 kB
src/style/themes/dark.ts 📈 +1 B (+0.01%) 19.34 kB → 19.34 kB
locale/uk.json 📉 -117 B (-0.06%) 207.56 kB → 207.45 kB
locale/ca.json 📉 -107 B (-0.06%) 187.72 kB → 187.62 kB
locale/fr.json 📉 -103 B (-0.06%) 178.71 kB → 178.61 kB
locale/pt-BR.json 📉 -112 B (-0.06%) 189.39 kB → 189.28 kB
locale/es.json 📉 -114 B (-0.06%) 178.83 kB → 178.71 kB
locale/it.json 📉 -107 B (-0.06%) 165.13 kB → 165.02 kB
locale/de.json 📉 -112 B (-0.06%) 170.38 kB → 170.27 kB
locale/nb-NO.json 📉 -113 B (-0.07%) 148.19 kB → 148.08 kB
locale/th.json 📉 -135 B (-0.08%) 174.62 kB → 174.48 kB
locale/zh-Hans.json 📉 -110 B (-0.09%) 117.75 kB → 117.65 kB
locale/nl.json 📉 -100 B (-0.09%) 106.34 kB → 106.24 kB
locale/da.json 📉 -112 B (-0.11%) 101.28 kB → 101.17 kB
View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger

Asset File Size % Changed
static/js/en.js 195.44 kB → 195.88 kB (+452 B) +0.23%
static/js/Value.js 4.97 MB → 4.97 MB (+284 B) +0.01%
static/js/index.js 2.01 MB → 2.01 MB (+185 B) +0.01%
static/js/extends.js 519.29 kB → 519.29 kB (+2 B) +0.00%

Smaller

Asset File Size % Changed
static/js/th.js 174.62 kB → 174.48 kB (-135 B) -0.08%
static/js/uk.js 207.56 kB → 207.45 kB (-117 B) -0.06%
static/js/es.js 178.83 kB → 178.71 kB (-114 B) -0.06%
static/js/nb-NO.js 148.19 kB → 148.08 kB (-113 B) -0.07%
static/js/da.js 101.28 kB → 101.17 kB (-112 B) -0.11%
static/js/de.js 170.38 kB → 170.27 kB (-112 B) -0.06%
static/js/pt-BR.js 189.39 kB → 189.28 kB (-112 B) -0.06%
static/js/zh-Hans.js 117.75 kB → 117.65 kB (-110 B) -0.09%
static/js/ca.js 187.72 kB → 187.62 kB (-107 B) -0.06%
static/js/it.js 165.13 kB → 165.02 kB (-107 B) -0.06%
static/js/fr.js 178.71 kB → 178.61 kB (-103 B) -0.06%
static/js/nl.js 106.34 kB → 106.24 kB (-100 B) -0.09%

Unchanged

Asset File Size % Changed
static/js/BackgroundImage.js 121.09 kB 0%
static/js/FormulaEditor.js 962.55 kB 0%
static/js/ReportRouter.js 1.25 MB 0%
static/js/ScheduleEditForm.js 146.45 kB 0%
static/js/TransactionEdit.js 190.43 kB 0%
static/js/TransactionList.js 85.81 kB 0%
static/js/bankSyncUtils.js 54.15 kB 0%
static/js/chart-theme.js 800.08 kB 0%
static/js/client.js 451.37 kB 0%
static/js/en-GB.js 10.01 kB 0%
static/js/indexeddb-main-thread-worker-e59fee74.js 13.46 kB 0%
static/js/narrow.js 364.2 kB 0%
static/js/resize-observer.js 18.06 kB 0%
static/js/theme.js 31.67 kB 0%
static/js/useFormatList.js 4.96 kB 0%
static/js/wide.js 453 B 0%
static/js/workbox-window.prod.es5.js 7.33 kB 0%

loot-core

Total

Files count Total bundle size % Changed
1 5.34 MB 0%
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.C0Ijh3nP.js 5.34 MB 0%

api

Total

Files count Total bundle size % Changed
2 3.96 MB 0%
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
index.js 3.96 MB 0%
models.js 0 B 0%

cli

Total

Files count Total bundle size % Changed
1 7.97 MB 0%
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
cli.js 7.97 MB 0%

crdt

Total

Files count Total bundle size % Changed
1 11.12 kB 0%
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
index.js 11.12 kB 0%

🔄 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/actualbudget/actual/pull/7841 **Author:** [@mnil](https://github.com/mnil) **Created:** 5/14/2026 **Status:** 🔄 Open **Base:** `master` ← **Head:** `mnil/alternating-transactions-colors` --- ### 📝 Commits (1) - [`332936f`](https://github.com/actualbudget/actual/commit/332936f8db8f1ca51b5602b63669820215e032bc) [AI] Add alternating colors to the TransactionsTable ### 📊 Changes **7 files changed** (+38 additions, -8 deletions) <details> <summary>View changed files</summary> 📝 `packages/desktop-client/src/components/modals/ImportTransactionsModal/ImportTransactionsModal.tsx` (+2 -1) 📝 `packages/desktop-client/src/components/modals/ImportTransactionsModal/Transaction.tsx` (+6 -1) 📝 `packages/desktop-client/src/components/transactions/SimpleTransactionsTable.tsx` (+14 -2) 📝 `packages/desktop-client/src/components/transactions/TransactionsTable.tsx` (+8 -2) 📝 `packages/desktop-client/src/style/themes/dark.ts` (+1 -1) 📝 `packages/desktop-client/src/style/themes/midnight.ts` (+1 -1) ➕ `upcoming-release-notes/7841.md` (+6 -0) </details> ### 📄 Description ## Description This PR addresses some comments from the discord where people where saying the transaction table were hard to read due to missing alternating colors. ## Related issue(s) n/a ## Testing Tested on my local linux instance. ## Checklist - [x] Release notes added (see link above) - [x] No obvious regressions in affected areas - [x] Self-review has been performed - I understand what each change in the code does and why it is needed <!--- actual-bot-sections ---> <!--- bundlestats-action-comment key:combined start ---> ### Bundle Stats Bundle | Files count | Total bundle size | % Changed ------ | ----------- | ----------------- | --------- desktop-client | 33 | 13.99 MB → 13.99 MB (-419 B) | -0.00% loot-core | 1 | 5.34 MB | 0% api | 2 | 3.96 MB | 0% cli | 1 | 7.97 MB | 0% crdt | 1 | 11.12 kB | 0% <details> <summary>View detailed bundle stats</summary> #### desktop-client **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 33 | 13.99 MB → 13.99 MB (-419 B) | -0.00% <details> <summary>Changeset</summary> File | Δ | Size ---- | - | ---- `src/components/transactions/SimpleTransactionsTable.tsx` | 📈 +196 B (+2.21%) | 8.67 kB → 8.86 kB `src/components/modals/ImportTransactionsModal/Transaction.tsx` | 📈 +147 B (+1.23%) | 11.71 kB → 11.85 kB `locale/en.json` | 📈 +452 B (+0.23%) | 195.44 kB → 195.88 kB `src/components/modals/ImportTransactionsModal/ImportTransactionsModal.tsx` | 📈 +38 B (+0.12%) | 32.18 kB → 32.22 kB `src/components/transactions/TransactionsTable.tsx` | 📈 +88 B (+0.10%) | 88.28 kB → 88.36 kB `src/style/themes/midnight.ts` | 📈 +1 B (+0.01%) | 18.71 kB → 18.71 kB `src/style/themes/dark.ts` | 📈 +1 B (+0.01%) | 19.34 kB → 19.34 kB `locale/uk.json` | 📉 -117 B (-0.06%) | 207.56 kB → 207.45 kB `locale/ca.json` | 📉 -107 B (-0.06%) | 187.72 kB → 187.62 kB `locale/fr.json` | 📉 -103 B (-0.06%) | 178.71 kB → 178.61 kB `locale/pt-BR.json` | 📉 -112 B (-0.06%) | 189.39 kB → 189.28 kB `locale/es.json` | 📉 -114 B (-0.06%) | 178.83 kB → 178.71 kB `locale/it.json` | 📉 -107 B (-0.06%) | 165.13 kB → 165.02 kB `locale/de.json` | 📉 -112 B (-0.06%) | 170.38 kB → 170.27 kB `locale/nb-NO.json` | 📉 -113 B (-0.07%) | 148.19 kB → 148.08 kB `locale/th.json` | 📉 -135 B (-0.08%) | 174.62 kB → 174.48 kB `locale/zh-Hans.json` | 📉 -110 B (-0.09%) | 117.75 kB → 117.65 kB `locale/nl.json` | 📉 -100 B (-0.09%) | 106.34 kB → 106.24 kB `locale/da.json` | 📉 -112 B (-0.11%) | 101.28 kB → 101.17 kB </details> <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** Asset | File Size | % Changed ----- | --------- | --------- static/js/en.js | 195.44 kB → 195.88 kB (+452 B) | +0.23% static/js/Value.js | 4.97 MB → 4.97 MB (+284 B) | +0.01% static/js/index.js | 2.01 MB → 2.01 MB (+185 B) | +0.01% static/js/extends.js | 519.29 kB → 519.29 kB (+2 B) | +0.00% **Smaller** Asset | File Size | % Changed ----- | --------- | --------- static/js/th.js | 174.62 kB → 174.48 kB (-135 B) | -0.08% static/js/uk.js | 207.56 kB → 207.45 kB (-117 B) | -0.06% static/js/es.js | 178.83 kB → 178.71 kB (-114 B) | -0.06% static/js/nb-NO.js | 148.19 kB → 148.08 kB (-113 B) | -0.07% static/js/da.js | 101.28 kB → 101.17 kB (-112 B) | -0.11% static/js/de.js | 170.38 kB → 170.27 kB (-112 B) | -0.06% static/js/pt-BR.js | 189.39 kB → 189.28 kB (-112 B) | -0.06% static/js/zh-Hans.js | 117.75 kB → 117.65 kB (-110 B) | -0.09% static/js/ca.js | 187.72 kB → 187.62 kB (-107 B) | -0.06% static/js/it.js | 165.13 kB → 165.02 kB (-107 B) | -0.06% static/js/fr.js | 178.71 kB → 178.61 kB (-103 B) | -0.06% static/js/nl.js | 106.34 kB → 106.24 kB (-100 B) | -0.09% **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- static/js/BackgroundImage.js | 121.09 kB | 0% static/js/FormulaEditor.js | 962.55 kB | 0% static/js/ReportRouter.js | 1.25 MB | 0% static/js/ScheduleEditForm.js | 146.45 kB | 0% static/js/TransactionEdit.js | 190.43 kB | 0% static/js/TransactionList.js | 85.81 kB | 0% static/js/bankSyncUtils.js | 54.15 kB | 0% static/js/chart-theme.js | 800.08 kB | 0% static/js/client.js | 451.37 kB | 0% static/js/en-GB.js | 10.01 kB | 0% static/js/indexeddb-main-thread-worker-e59fee74.js | 13.46 kB | 0% static/js/narrow.js | 364.2 kB | 0% static/js/resize-observer.js | 18.06 kB | 0% static/js/theme.js | 31.67 kB | 0% static/js/useFormatList.js | 4.96 kB | 0% static/js/wide.js | 453 B | 0% static/js/workbox-window.prod.es5.js | 7.33 kB | 0% </div> </details> --- #### loot-core **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 5.34 MB | 0% <details> <summary>View detailed bundle breakdown</summary> <div> **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.C0Ijh3nP.js | 5.34 MB | 0% </div> </details> --- #### api **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 2 | 3.96 MB | 0% <details> <summary>View detailed bundle breakdown</summary> <div> **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 ----- | --------- | --------- index.js | 3.96 MB | 0% models.js | 0 B | 0% </div> </details> --- #### cli **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 7.97 MB | 0% <details> <summary>View detailed bundle breakdown</summary> <div> **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 ----- | --------- | --------- cli.js | 7.97 MB | 0% </div> </details> --- #### crdt **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 11.12 kB | 0% <details> <summary>View detailed bundle breakdown</summary> <div> **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 ----- | --------- | --------- index.js | 11.12 kB | 0% </div> </details> </details> <!--- bundlestats-action-comment key:combined end ---> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-05-16 19:18:22 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#77413