diff --git a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-1-chromium-linux.png b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-1-chromium-linux.png index 6b30e1f83d..85f9c02fe5 100644 Binary files a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-1-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-1-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-2-chromium-linux.png b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-2-chromium-linux.png index d2d12ec45e..59d9bda5a3 100644 Binary files a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-2-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-3-chromium-linux.png b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-3-chromium-linux.png index 3323d06135..64f7bef918 100644 Binary files a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-3-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-3-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-1-chromium-linux.png b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-1-chromium-linux.png index 279a7d0d5c..bd4ebd4b66 100644 Binary files a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-1-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-1-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-2-chromium-linux.png b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-2-chromium-linux.png index 3ed1de4a26..e62d7820d0 100644 Binary files a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-2-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-3-chromium-linux.png b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-3-chromium-linux.png index 55debabf7f..037215a9e2 100644 Binary files a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-3-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-3-chromium-linux.png differ diff --git a/packages/desktop-client/src/components/reports/Header.tsx b/packages/desktop-client/src/components/reports/Header.tsx index c220de79cd..ef84504bca 100644 --- a/packages/desktop-client/src/components/reports/Header.tsx +++ b/packages/desktop-client/src/components/reports/Header.tsx @@ -6,6 +6,7 @@ import { type RuleConditionEntity, type TimeFrame, } from 'loot-core/types/models'; +import { type SyncedPrefs } from 'loot-core/types/prefs'; import { Button } from '../common/Button2'; import { Select } from '../common/Select'; @@ -15,6 +16,7 @@ import { AppliedFilters } from '../filters/AppliedFilters'; import { FilterButton } from '../filters/FiltersMenu'; import { useResponsive } from '../responsive/ResponsiveProvider'; +import { getLiveRange } from './getLiveRange'; import { calculateTimeRange, getFullRange, @@ -29,6 +31,8 @@ type HeaderProps = { mode?: TimeFrame['mode']; show1Month?: boolean; allMonths: Array<{ name: string; pretty: string }>; + earliestTransaction: string; + firstDayOfWeekIdx?: SyncedPrefs['firstDayOfWeekIdx']; onChangeDates: ( start: TimeFrame['start'], end: TimeFrame['end'], @@ -51,6 +55,8 @@ export function Header({ mode, show1Month, allMonths, + earliestTransaction, + firstDayOfWeekIdx, onChangeDates, filters, conditionsOp, @@ -62,6 +68,14 @@ export function Header({ }: HeaderProps) { const { t } = useTranslation(); const { isNarrowWidth } = useResponsive(); + function convertToMonth( + start: string, + end: string, + _: TimeFrame['mode'], + mode: TimeFrame['mode'], + ): [string, string, TimeFrame['mode']] { + return [monthUtils.getMonth(start), monthUtils.getMonth(end), mode]; + } return ( - + {show1Month && ( + +