diff --git a/packages/desktop-client/src/components/reports/reports/Calendar.tsx b/packages/desktop-client/src/components/reports/reports/Calendar.tsx
index 759c69c18e9..d1d83b45ec3 100644
--- a/packages/desktop-client/src/components/reports/reports/Calendar.tsx
+++ b/packages/desktop-client/src/components/reports/reports/Calendar.tsx
@@ -918,7 +918,7 @@ function CalendarCardHeader({
marginRight: 4,
}}
>
-
Income:
+
Income:
{amountToCurrency(totalIncome)}
@@ -930,7 +930,7 @@ function CalendarCardHeader({
marginRight: 4,
}}
>
- Expenses:
+ Expenses:
{amountToCurrency(totalExpense)}
diff --git a/packages/desktop-client/src/components/reports/reports/CashFlow.tsx b/packages/desktop-client/src/components/reports/reports/CashFlow.tsx
index c2efb7cff4e..2dce3356bd9 100644
--- a/packages/desktop-client/src/components/reports/reports/CashFlow.tsx
+++ b/packages/desktop-client/src/components/reports/reports/CashFlow.tsx
@@ -271,7 +271,11 @@ function CashFlowInner({ widget }: CashFlowInnerProps) {
>
Income:}
+ left={
+
+ Income:
+
+ }
right={
{integerToCurrency(totalIncome)}
diff --git a/packages/desktop-client/src/components/reports/reports/CustomReport.tsx b/packages/desktop-client/src/components/reports/reports/CustomReport.tsx
index c88d0abad49..092ab465aa9 100644
--- a/packages/desktop-client/src/components/reports/reports/CustomReport.tsx
+++ b/packages/desktop-client/src/components/reports/reports/CustomReport.tsx
@@ -1,5 +1,5 @@
import React, { useState, useEffect, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
+import { useTranslation, Trans } from 'react-i18next';
import { useLocation, useParams } from 'react-router-dom';
import * as d from 'date-fns';
@@ -17,6 +17,7 @@ import {
type DataEntity,
} from 'loot-core/types/models/reports';
import { type RuleConditionEntity } from 'loot-core/types/models/rule';
+import { type TransObjectLiteral } from 'loot-core/types/util';
import { useAccounts } from '../../../hooks/useAccounts';
import { useCategories } from '../../../hooks/useCategories';
@@ -697,22 +698,27 @@ function CustomReportInner({ report: initialReport }: CustomReportInnerProps) {
header={
isNarrowWidth ? (
}
/>
) : (
- {t('Custom Report:')}
+
+ Custom Report:{' '}
- {report.name || t('Unsaved report')}
+ {
+ {
+ name:
+ report.name?.length > 0
+ ? report.name
+ : t('Unsaved report'),
+ } as TransObjectLiteral
+ }
- >
+
}
/>
)
diff --git a/packages/desktop-client/src/components/reports/spreadsheets/cash-flow-spreadsheet.tsx b/packages/desktop-client/src/components/reports/spreadsheets/cash-flow-spreadsheet.tsx
index 7c79430ae63..86d69c070c8 100644
--- a/packages/desktop-client/src/components/reports/spreadsheets/cash-flow-spreadsheet.tsx
+++ b/packages/desktop-client/src/components/reports/spreadsheets/cash-flow-spreadsheet.tsx
@@ -1,6 +1,7 @@
import React from 'react';
import * as d from 'date-fns';
+import { t } from 'i18next';
import { type useSpreadsheet } from 'loot-core/src/client/SpreadsheetProvider';
import { send } from 'loot-core/src/platform/client/fetch';
@@ -149,11 +150,11 @@ function recalculate(
isConcise: boolean,
) {
const [startingBalance, income, expense] = data;
- const convIncome = income.map(t => {
- return { ...t, isTransfer: t.isTransfer !== null };
+ const convIncome = income.map(trans => {
+ return { ...trans, isTransfer: trans.isTransfer !== null };
});
- const convExpense = expense.map(t => {
- return { ...t, isTransfer: t.isTransfer !== null };
+ const convExpense = expense.map(trans => {
+ return { ...trans, isTransfer: trans.isTransfer !== null };
});
const dates = isConcise
? monthUtils.rangeInclusive(
@@ -209,19 +210,28 @@ function recalculate(