fix: update amount badge colors

prateekkumarweb · prateekkumarweb · commit 84dfad45d698 · 2025-04-13T15:28:04.000+04:00
diff --git a/twopi-service/Cargo.lock b/twopi-service/Cargo.lock
diff --git a/twopi-service/Cargo.toml b/twopi-service/Cargo.toml
@@ -17,7 +17,7 @@ chrono = { version = "0.4.40", features = ["serde"] }
 clap = { version = "4.5.36", features = ["derive"] }
 jiff = { version = "0.2.6", features = ["serde"] }
 jsonwebtoken = "9.3.1"
-lru = "0.13.0"
+lru = "0.14.0"
 migration = { path = "migration" }
 reqwest = { version = "0.12.15", features = ["json"] }
 sea-orm = { version = "1.1.8", features = [
diff --git a/twopi-web/package.json b/twopi-web/package.json
@@ -19,7 +19,7 @@
     "@kobalte/core": "^0.13.9",
     "@solid-primitives/storage": "^4.3.1",
     "@tanstack/solid-form": "^1.3.2",
-    "@tanstack/solid-query": "^5.72.2",
+    "@tanstack/solid-query": "^5.73.3",
     "@tanstack/solid-router": "^1.115.3",
     "@tanstack/solid-table": "^8.21.2",
     "@tanstack/solid-virtual": "^3.13.6",
@@ -38,10 +38,10 @@
     "@eslint/js": "^9.24.0",
     "@kobalte/tailwindcss": "^0.9.0",
     "@tailwindcss/vite": "^4.1.3",
-    "@tanstack/eslint-plugin-query": "^5.72.2",
+    "@tanstack/eslint-plugin-query": "^5.73.3",
     "@tanstack/router-cli": "^1.115.3",
     "@tanstack/router-plugin": "^1.115.3",
-    "@tanstack/solid-query-devtools": "^5.72.2",
+    "@tanstack/solid-query-devtools": "^5.73.3",
     "@tanstack/solid-router-devtools": "^1.115.3",
     "@typescript-eslint/parser": "^8.29.1",
     "clsx": "^2.1.1",
diff --git a/twopi-web/pnpm-lock.yaml b/twopi-web/pnpm-lock.yaml
diff --git a/twopi-web/src/components/TransactionRow.tsx b/twopi-web/src/components/TransactionRow.tsx
@@ -74,10 +74,10 @@ export default function TransactionRow(
                   <Badge
                     class={
                       item.amount < 0
-                        ? "bg-red-900"
+                        ? "border-red-600 bg-red-200 text-red-900"
                         : item.amount > 0
-                          ? "bg-green-900"
-                          : ""
+                          ? "border-green-600 bg-green-200 text-green-900"
+                          : "border-gray-600 bg-gray-200 text-gray-900"
                     }
                   >
                     <Show when={account(item.account_id)}>
diff --git a/twopi-web/src/routes/app/account/$id/index.tsx b/twopi-web/src/routes/app/account/$id/index.tsx
@@ -116,10 +116,10 @@ function RouteComponent() {
                 <Badge
                   class={
                     account.account.starting_balance < 0
-                      ? "bg-red-900"
+                      ? "border-red-600 bg-red-200 text-red-900"
                       : account.account.starting_balance > 0
-                        ? "bg-green-900"
-                        : ""
+                        ? "border-green-600 bg-green-200 text-green-900"
+                        : "border-gray-600 bg-gray-200 text-gray-900"
                   }
                 >
                   <CurrencyDisplay
diff --git a/twopi-web/src/routes/app/account/index.tsx b/twopi-web/src/routes/app/account/index.tsx
@@ -127,10 +127,10 @@ function AccountItem(
             <Badge
               class={
                 props.currentBalance < 0
-                  ? "bg-red-900"
+                  ? "border-red-600 bg-red-200 text-red-900"
                   : props.currentBalance > 0
-                    ? "bg-green-900"
-                    : ""
+                    ? "border-green-600 bg-green-200 text-green-900"
+                    : "border-gray-600 bg-gray-200 text-gray-900"
               }
             >
               <CurrencyDisplay

Original file line number	Diff line number	Diff line change
`@@ -74,10 +74,10 @@ export default function TransactionRow(`
`74`	`74`	`<Badge`
`75`	`75`	`class={`
`76`	`76`	`item.amount < 0`
`77`		`- ? "bg-red-900"`
	`77`	`+ ? "border-red-600 bg-red-200 text-red-900"`
`78`	`78`	`: item.amount > 0`
`79`		`- ? "bg-green-900"`
`80`		`- : ""`
	`79`	`+ ? "border-green-600 bg-green-200 text-green-900"`
	`80`	`+ : "border-gray-600 bg-gray-200 text-gray-900"`
`81`	`81`	`}`
`82`	`82`	`>`
`83`	`83`	`<Show when={account(item.account_id)}>`
Original file line number	Diff line number	Diff line change
`@@ -116,10 +116,10 @@ function RouteComponent() {`
`116`	`116`	`<Badge`
`117`	`117`	`class={`
`118`	`118`	`account.account.starting_balance < 0`
`119`		`- ? "bg-red-900"`
	`119`	`+ ? "border-red-600 bg-red-200 text-red-900"`
`120`	`120`	`: account.account.starting_balance > 0`
`121`		`- ? "bg-green-900"`
`122`		`- : ""`
	`121`	`+ ? "border-green-600 bg-green-200 text-green-900"`
	`122`	`+ : "border-gray-600 bg-gray-200 text-gray-900"`
`123`	`123`	`}`
`124`	`124`	`>`
`125`	`125`	`<CurrencyDisplay`
Original file line number	Diff line number	Diff line change
`@@ -127,10 +127,10 @@ function AccountItem(`
`127`	`127`	`<Badge`
`128`	`128`	`class={`
`129`	`129`	`props.currentBalance < 0`
`130`		`- ? "bg-red-900"`
	`130`	`+ ? "border-red-600 bg-red-200 text-red-900"`
`131`	`131`	`: props.currentBalance > 0`
`132`		`- ? "bg-green-900"`
`133`		`- : ""`
	`132`	`+ ? "border-green-600 bg-green-200 text-green-900"`
	`133`	`+ : "border-gray-600 bg-gray-200 text-gray-900"`
`134`	`134`	`}`
`135`	`135`	`>`
`136`	`136`	`<CurrencyDisplay`