Change net worth graph to show more detail in compact card view (#2132)

* Change net worth graph to show more detail in compact card view * Added release notes * Update release notes * Update VRT images
actualbudget · Jan 6, 2024 · d9aeb8d · d9aeb8d
1 parent 85c0352
commit d9aeb8d
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 16 deletions.
diff --git a/...js-snapshots/Reports-loads-net-worth-and-cash-flow-reports-1-chromium-linux.png b/...js-snapshots/Reports-loads-net-worth-and-cash-flow-reports-1-chromium-linux.png
diff --git a/...js-snapshots/Reports-loads-net-worth-and-cash-flow-reports-2-chromium-linux.png b/...js-snapshots/Reports-loads-net-worth-and-cash-flow-reports-2-chromium-linux.png
diff --git a/packages/desktop-client/src/components/reports/graphs/NetWorthGraph.tsx b/packages/desktop-client/src/components/reports/graphs/NetWorthGraph.tsx
@@ -126,22 +126,20 @@ function NetWorthGraph({
                 {compact ? null : (
                   <CartesianGrid strokeDasharray="3 3" vertical={false} />
                 )}
-                {compact ? null : (
-                  <XAxis
-                    dataKey="x"
-                    tick={{ fill: theme.pageText }}
-                    tickLine={{ stroke: theme.pageText }}
-                  />
-                )}
-                {compact ? null : (
-                  <YAxis
-                    dataKey="y"
-                    domain={['auto', 'auto']}
-                    tickFormatter={tickFormatter}
-                    tick={{ fill: theme.pageText }}
-                    tickLine={{ stroke: theme.pageText }}
-                  />
-                )}
+                <XAxis
+                  dataKey="x"
+                  hide={compact}
+                  tick={{ fill: theme.pageText }}
+                  tickLine={{ stroke: theme.pageText }}
+                />
+                <YAxis
+                  dataKey="y"
+                  domain={['auto', 'auto']}
+                  hide={compact}
+                  tickFormatter={tickFormatter}
+                  tick={{ fill: theme.pageText }}
+                  tickLine={{ stroke: theme.pageText }}
+                />
                 <Tooltip
                   content={<CustomTooltip />}
                   formatter={numberFormatterTooltip}

diff --git a/upcoming-release-notes/2132.md b/upcoming-release-notes/2132.md
@@ -0,0 +1,6 @@
+---
+category: Bugfix
+authors: [jasonmichalski]
+---
+
+Fix net worth graph to show more detail in compact card view