CategorySpendingGraph: Increase the number of ticks on wider screens

Signed-off-by: Johannes Löthberg <[email protected]>
actualbudget · Aug 4, 2023 · dcad2fa · dcad2fa
1 parent fd12490
commit dcad2fa
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/desktop-client/src/components/reports/graphs/CategorySpendingGraph.tsx b/packages/desktop-client/src/components/reports/graphs/CategorySpendingGraph.tsx
@@ -53,7 +53,10 @@ function CategorySpendingGraph({
               // eslint-disable-next-line rulesdir/typography
               tickFormat={x => d.format(x, "MMM ''yy")}
               tickValues={graphData.tickValues}
-              tickCount={Math.max(1, Math.min(5, graphData.tickValues.length))}
+              tickCount={Math.max(
+                1,
+                Math.min(width > 760 ? 12 : 5, graphData.tickValues.length),
+              )}
               offsetY={50}
               orientation="bottom"
             />