diff --git a/packages/desktop-client/src/components/accounts/Account.js b/packages/desktop-client/src/components/accounts/Account.js index 23ee740d645e5bd6bb45296a13320fabc8e2bda4..1b9400739b447f8b69fe9e59448364edcb40b658 100644 --- a/packages/desktop-client/src/components/accounts/Account.js +++ b/packages/desktop-client/src/components/accounts/Account.js @@ -12,6 +12,7 @@ import { useParams, useNavigate, useLocation, + useMatch, } from 'react-router-dom'; import { debounce } from 'debounce'; @@ -1996,10 +1997,12 @@ class AccountInternal extends PureComponent { function AccountHack(props) { let { dispatch: splitsExpandedDispatch } = useSplitsExpanded(); + let match = useMatch(props.location.pathname); return ( <AccountInternal {...props} + match={match} splitsExpandedDispatch={splitsExpandedDispatch} /> ); diff --git a/packages/desktop-client/src/components/accounts/MobileAccount.js b/packages/desktop-client/src/components/accounts/MobileAccount.js index 212e397b5a053cd4fded4d36599c9548884f41ef..2149ed7d12b9bb422e0e2ea31a86fe6436fd95ad 100644 --- a/packages/desktop-client/src/components/accounts/MobileAccount.js +++ b/packages/desktop-client/src/components/accounts/MobileAccount.js @@ -164,7 +164,7 @@ function Account(props) { useEffect(updateSearchQuery, [searchText, currentQuery, state.dateFormat]); - if (!props.accounts || !props.accounts.length || !props.match) { + if (!props.accounts || !props.accounts.length) { return null; } diff --git a/packages/desktop-client/src/components/budget/index.js b/packages/desktop-client/src/components/budget/index.js index c14af8eae1952d98a64f5b7ee1527793fe7eeee4..a706a9069772d0872711cdd3d4a67258c81154a3 100644 --- a/packages/desktop-client/src/components/budget/index.js +++ b/packages/desktop-client/src/components/budget/index.js @@ -1,6 +1,6 @@ import React, { memo, PureComponent, useContext, useMemo } from 'react'; import { connect } from 'react-redux'; -import { useNavigate } from 'react-router-dom'; +import { useLocation, useMatch, useNavigate } from 'react-router-dom'; import * as actions from 'loot-core/src/client/actions'; import { useSpreadsheet } from 'loot-core/src/client/SpreadsheetProvider'; @@ -520,6 +520,8 @@ const RolloverBudgetSummary = memo(props => { function BudgetWrapper(props) { let spreadsheet = useSpreadsheet(); let titlebar = useContext(TitlebarContext); + let location = useLocation(); + let match = useMatch(location.pathname); let navigate = useNavigate(); let reportComponents = useMemo( @@ -566,6 +568,7 @@ function BudgetWrapper(props) { spreadsheet={spreadsheet} titlebar={titlebar} navigate={navigate} + match={match} /> </View> ); diff --git a/packages/desktop-client/src/components/payees/index.js b/packages/desktop-client/src/components/payees/index.js index ad2b91b727cf4ee25fc0afc751c59ae4202d0006..b18e53d9c361fd68d4e6d8919ce4bed84bcac758 100644 --- a/packages/desktop-client/src/components/payees/index.js +++ b/packages/desktop-client/src/components/payees/index.js @@ -515,7 +515,7 @@ export const ManagePayees = forwardRef( style={{ marginRight: '10px', }} - disabled={!(orphanedPayees.length > 0) && !orphanedOnly} + disabled={!(orphanedPayees?.length > 0) && !orphanedOnly} onClick={() => { setOrphanedOnly(!orphanedOnly); const filterInput = document.getElementById('filter-input'); diff --git a/upcoming-release-notes/1178.md b/upcoming-release-notes/1178.md new file mode 100644 index 0000000000000000000000000000000000000000..e72a5f0f4cfa5015deeef0c6d0068d91ef5e75cf --- /dev/null +++ b/upcoming-release-notes/1178.md @@ -0,0 +1,6 @@ +--- +category: Bugfix +authors: [trevdor] +--- + +A couple patches for the React Router 6 upgrade.