fix mobile uncategorised banner (#6758)

* fix mobile uncategorised banner

* cleanup unnecessary nesting

* note
This commit is contained in:
Matt Fiddaman
2026-01-23 14:25:59 +00:00
committed by GitHub
parent 8eadd09bfc
commit be95b9a3d5
2 changed files with 33 additions and 39 deletions

View File

@@ -720,18 +720,20 @@ function UncategorizedTransactionsBanner(props) {
justifyContent: 'space-between',
}}
>
<Trans count={transactions.length}>
You have {{ count: transactions.length }} uncategorized transactions
(
<FinancialText>
{
<Text>
<Trans count={transactions.length}>
You have {{ count: transactions.length }} uncategorized
transactions (
<FinancialText>
{
amount: format(totalUncategorizedAmount, 'financial'),
} as TransObjectLiteral
}
</FinancialText>
)
</Trans>
{
amount: format(totalUncategorizedAmount, 'financial'),
} as TransObjectLiteral
}
</FinancialText>
)
</Trans>
</Text>
<Button
onPress={() => navigate('/categories/uncategorized')}
style={PILL_STYLE}
@@ -809,13 +811,7 @@ function OverbudgetedBanner({ month, onBudgetAction, ...props }) {
justifyContent: 'space-between',
}}
>
<View
style={{
flexDirection: 'row',
alignItems: 'center',
gap: 10,
}}
>
<View>
<View
style={{
flexDirection: 'row',
@@ -962,28 +958,20 @@ function OverspendingBanner({ month, onBudgetAction, budgetType, ...props }) {
justifyContent: 'space-between',
}}
>
<View
style={{
flexDirection: 'row',
alignItems: 'center',
gap: 10,
}}
>
<Text>
<Trans count={numberOfOverspentCategories}>
You have {{ count: numberOfOverspentCategories }} overspent
categories (
<FinancialText>
<Text>
<Trans count={numberOfOverspentCategories}>
You have {{ count: numberOfOverspentCategories }} overspent
categories (
<FinancialText>
{
{
{
amount: format(totalOverspending, 'financial'),
} as TransObjectLiteral
}
</FinancialText>
)
</Trans>
</Text>
</View>
amount: format(totalOverspending, 'financial'),
} as TransObjectLiteral
}
</FinancialText>
)
</Trans>
</Text>
<Button onPress={onOpenCategorySelectionModal} style={PILL_STYLE}>
{budgetType === 'envelope' && <Trans>Cover</Trans>}
{budgetType === 'tracking' && <Trans>View</Trans>}