diff --git a/src/components/CollectionDetailPage/CollectionDetailPage.container.ts b/src/components/CollectionDetailPage/CollectionDetailPage.container.ts index 9e8a2de87..b41ad031c 100644 --- a/src/components/CollectionDetailPage/CollectionDetailPage.container.ts +++ b/src/components/CollectionDetailPage/CollectionDetailPage.container.ts @@ -12,7 +12,7 @@ import { MapStateProps, MapDispatchProps, MapDispatch } from './CollectionDetail import CollectionDetailPage from './CollectionDetailPage' const mapState = (state: RootState): MapStateProps => { - const collectionId = getCollectionId(state) || '' + const collectionId = getCollectionId() || '' const collection = getCollection(state, collectionId) const statusByCollectionId = getStatusByCollectionId(state) diff --git a/src/components/CollectionProvider/CollectionProvider.container.ts b/src/components/CollectionProvider/CollectionProvider.container.ts index f2326fdbb..238e1294f 100644 --- a/src/components/CollectionProvider/CollectionProvider.container.ts +++ b/src/components/CollectionProvider/CollectionProvider.container.ts @@ -15,7 +15,7 @@ import { getCuration } from 'modules/curations/collectionCuration/selectors' import { FETCH_ITEM_CURATIONS_REQUEST } from 'modules/curations/itemCuration/actions' const mapState = (state: RootState, ownProps: OwnProps): MapStateProps => { - const id = ownProps.id || getCollectionId(state) + const id = ownProps.id || getCollectionId() const collection = id ? getCollection(state, id) : null const items = collection ? getCollectionItems(state, collection.id) : [] const paginatedItems = collection ? getPaginatedCollectionItems(state, collection.id, ownProps.itemsPageSize || DEFAULT_PAGE_SIZE) : [] diff --git a/src/components/ENSDetailPage/ENSDetailPage.container.ts b/src/components/ENSDetailPage/ENSDetailPage.container.ts index e34b162f0..272968b4d 100644 --- a/src/components/ENSDetailPage/ENSDetailPage.container.ts +++ b/src/components/ENSDetailPage/ENSDetailPage.container.ts @@ -12,7 +12,7 @@ import { MapStateProps, MapDispatchProps } from './ENSDetailPage.types' import ENSDetailPage from './ENSDetailPage' const mapState = (state: RootState): MapStateProps => { - const name = getENSName(state) + const name = getENSName() return { name, ens: name ? getENSBySubdomain(state, `${name}.dcl.eth`) : null, diff --git a/src/components/ItemDetailPage/ItemDetailPage.container.ts b/src/components/ItemDetailPage/ItemDetailPage.container.ts index cc1b27e78..68a5145f7 100644 --- a/src/components/ItemDetailPage/ItemDetailPage.container.ts +++ b/src/components/ItemDetailPage/ItemDetailPage.container.ts @@ -12,7 +12,7 @@ import ItemDetailPage from './ItemDetailPage' import { getIsWearableUtilityEnabled } from 'modules/features/selectors' const mapState = (state: RootState): MapStateProps => { - const itemId = getItemId(state) + const itemId = getItemId() const item = itemId ? getItem(state, itemId) : null const wallet = getWallet(state)! const collection = item && item.collectionId ? getCollection(state, item.collectionId) : null diff --git a/src/components/ItemEditorPage/CenterPanel/CenterPanel.container.ts b/src/components/ItemEditorPage/CenterPanel/CenterPanel.container.ts index 8a6760dff..15748cae1 100644 --- a/src/components/ItemEditorPage/CenterPanel/CenterPanel.container.ts +++ b/src/components/ItemEditorPage/CenterPanel/CenterPanel.container.ts @@ -37,7 +37,7 @@ import CenterPanel from './CenterPanel' const mapState = (state: RootState): MapStateProps => { const address = getAddress(state) let collection: Collection | undefined - const collectionId = getSelectedCollectionId(state) + const collectionId = getSelectedCollectionId() // Emotes created by the user let emotes = getEmotes(state) if (collectionId) { diff --git a/src/components/ItemEditorPage/LeftPanel/Header/Header.container.ts b/src/components/ItemEditorPage/LeftPanel/Header/Header.container.ts index cc2838496..d267874b8 100644 --- a/src/components/ItemEditorPage/LeftPanel/Header/Header.container.ts +++ b/src/components/ItemEditorPage/LeftPanel/Header/Header.container.ts @@ -14,7 +14,7 @@ import Header from './Header' const mapState = (state: RootState): MapStateProps => { let collection: Collection | undefined - const collectionId = getSelectedCollectionId(state) + const collectionId = getSelectedCollectionId() if (collectionId) { const collections = getCollections(state) collection = collections.find(collection => collection.id === collectionId) @@ -23,7 +23,7 @@ const mapState = (state: RootState): MapStateProps => { return { address, isLoggedIn: isLoggedIn(state), - isReviewing: isReviewing(state), + isReviewing: isReviewing(), collection, hasEditRights: collection !== undefined && address !== undefined && hasViewAndEditRights(state, address, collection), hasUserOrphanItems: hasUserOrphanItems(state) diff --git a/src/components/ItemEditorPage/LeftPanel/LeftPanel.container.ts b/src/components/ItemEditorPage/LeftPanel/LeftPanel.container.ts index 21e6b791f..532af099f 100644 --- a/src/components/ItemEditorPage/LeftPanel/LeftPanel.container.ts +++ b/src/components/ItemEditorPage/LeftPanel/LeftPanel.container.ts @@ -27,7 +27,7 @@ import { MapStateProps, MapDispatchProps, MapDispatch } from './LeftPanel.types' import LeftPanel from './LeftPanel' const mapState = (state: RootState): MapStateProps => { - const selectedCollectionId = getSelectedCollectionId(state) + const selectedCollectionId = getSelectedCollectionId() const address = getAddress(state) const itemsPaginationData = selectedCollectionId ? getPaginationData(state, selectedCollectionId) @@ -55,7 +55,7 @@ const mapState = (state: RootState): MapStateProps => { visibleItems: getVisibleItems(state), bodyShape: getBodyShape(state), wearableController: getWearablePreviewController(state), - isReviewing: isReviewing(state), + isReviewing: isReviewing(), isLoading: isLoadingType(getLoading(state), FETCH_ITEMS_REQUEST) || isLoadingType(getLoading(state), FETCH_ORPHAN_ITEM_REQUEST), isPlayingEmote: isPlayingEmote(state), hasUserOrphanItems: hasUserOrphanItems(state) diff --git a/src/components/ItemEditorPage/LeftPanel/Toasts/ItemAdded/ItemAddedToast.container.ts b/src/components/ItemEditorPage/LeftPanel/Toasts/ItemAdded/ItemAddedToast.container.ts deleted file mode 100644 index d8e7bdb75..000000000 --- a/src/components/ItemEditorPage/LeftPanel/Toasts/ItemAdded/ItemAddedToast.container.ts +++ /dev/null @@ -1,11 +0,0 @@ -import { connect } from 'react-redux' -import { RootState } from 'modules/common/types' -import { MapStateProps } from './ItemAddedToast.types' -import TableRow from './ItemAddedToast' -import { getNewItemName } from 'modules/item/selectors' - -const mapState = (state: RootState): MapStateProps => ({ - itemName: getNewItemName(state) -}) - -export default connect(mapState)(TableRow) diff --git a/src/components/ItemEditorPage/LeftPanel/Toasts/ItemAdded/ItemAddedToast.tsx b/src/components/ItemEditorPage/LeftPanel/Toasts/ItemAdded/ItemAddedToast.tsx index 5bd9ff6c6..590c4eb9d 100644 --- a/src/components/ItemEditorPage/LeftPanel/Toasts/ItemAdded/ItemAddedToast.tsx +++ b/src/components/ItemEditorPage/LeftPanel/Toasts/ItemAdded/ItemAddedToast.tsx @@ -1,6 +1,7 @@ import React, { useEffect, useState } from 'react' import { Button, Toast, ToastType } from 'decentraland-ui' import { Link, useHistory, useLocation } from 'react-router-dom' +import { getNewItemName } from 'modules/item/selectors' import { locations } from 'routing/locations' import { T, t } from 'decentraland-dapps/dist/modules/translation/utils' @@ -10,11 +11,12 @@ import { Props } from './ItemAddedToast.types' import './ItemAddedToast.css' const ItemAddedToast: React.FC = props => { - const { collectionId, itemName } = props + const { collectionId } = props const [shouldShowToast, setShouldShowToast] = useState(false) const [item, setItem] = useState(null) const history = useHistory() const location = useLocation() + const itemName = getNewItemName() useEffect(() => { if (itemName) { diff --git a/src/components/ItemEditorPage/LeftPanel/Toasts/ItemAdded/ItemAddedToast.types.ts b/src/components/ItemEditorPage/LeftPanel/Toasts/ItemAdded/ItemAddedToast.types.ts index c2d172914..e4625d810 100644 --- a/src/components/ItemEditorPage/LeftPanel/Toasts/ItemAdded/ItemAddedToast.types.ts +++ b/src/components/ItemEditorPage/LeftPanel/Toasts/ItemAdded/ItemAddedToast.types.ts @@ -1,6 +1,3 @@ export type Props = { collectionId: string | null - itemName: string | null } - -export type MapStateProps = Pick diff --git a/src/components/ItemEditorPage/LeftPanel/Toasts/ItemAdded/index.ts b/src/components/ItemEditorPage/LeftPanel/Toasts/ItemAdded/index.ts index e7c18477d..ab2ce9eb3 100644 --- a/src/components/ItemEditorPage/LeftPanel/Toasts/ItemAdded/index.ts +++ b/src/components/ItemEditorPage/LeftPanel/Toasts/ItemAdded/index.ts @@ -1,3 +1,3 @@ -import ItemAddedToast from './ItemAddedToast.container' +import ItemAddedToast from './ItemAddedToast' export { ItemAddedToast } diff --git a/src/components/ItemEditorPage/TopPanel/TopPanel.container.ts b/src/components/ItemEditorPage/TopPanel/TopPanel.container.ts index bfbc445cd..f762476db 100644 --- a/src/components/ItemEditorPage/TopPanel/TopPanel.container.ts +++ b/src/components/ItemEditorPage/TopPanel/TopPanel.container.ts @@ -1,7 +1,7 @@ import { connect } from 'react-redux' -import { push } from 'connected-react-router' import { getAddress, getChainId, getLoading, isConnected } from 'decentraland-dapps/dist/modules/wallet/selectors' import { RootState } from 'modules/common/types' +import { withRouter } from 'react-router-dom' import { isWalletCommitteeMember } from 'modules/committee/selectors' import { getSelectedCollectionId, isReviewing } from 'modules/location/selectors' import { setCollectionCurationAssigneeRequest } from 'modules/curations/collectionCuration/actions' @@ -17,7 +17,7 @@ import { getCuration } from 'modules/curations/collectionCuration/selectors' import { getItemCurations, getLoading as getLoadingItemCurations } from 'modules/curations/itemCuration/selectors' const mapState = (state: RootState): MapStateProps => { - const selectedCollectionId = getSelectedCollectionId(state) + const selectedCollectionId = getSelectedCollectionId() const collection = selectedCollectionId ? getCollection(state, selectedCollectionId) : null const items = collection ? getCollectionItems(state, collection.id) : [] const itemCurations = collection ? getItemCurations(state, collection.id) : [] @@ -32,9 +32,9 @@ const mapState = (state: RootState): MapStateProps => { curation, chainId: getChainId(state), isConnected: isConnected(state), - isReviewing: isReviewing(state), + isReviewing: isReviewing(), isCommitteeMember: isWalletCommitteeMember(state), - selectedCollectionId: getSelectedCollectionId(state), + selectedCollectionId: getSelectedCollectionId(), isLoading: isLoadingType(getLoading(state), FETCH_COLLECTION_REQUEST) || isLoadingType(getLoadingItemCurations(state), FETCH_ITEM_CURATIONS_REQUEST) || @@ -43,10 +43,9 @@ const mapState = (state: RootState): MapStateProps => { } const mapDispatch = (dispatch: MapDispatch): MapDispatchProps => ({ - onNavigate: path => dispatch(push(path)), onSetAssignee: (collectionId, assignee, curation) => dispatch(setCollectionCurationAssigneeRequest(collectionId, assignee, curation)), onInitiateTPApprovalFlow: collection => dispatch(initiateTPApprovalFlow(collection)), onInitiateApprovalFlow: collection => dispatch(initiateApprovalFlow(collection)) }) -export default connect(mapState, mapDispatch)(TopPanel) +export default connect(mapState, mapDispatch)(withRouter(TopPanel)) diff --git a/src/components/ItemEditorPage/TopPanel/TopPanel.tsx b/src/components/ItemEditorPage/TopPanel/TopPanel.tsx index 4b423c967..a1c459bd7 100644 --- a/src/components/ItemEditorPage/TopPanel/TopPanel.tsx +++ b/src/components/ItemEditorPage/TopPanel/TopPanel.tsx @@ -22,7 +22,8 @@ export default class TopPanel extends React.PureComponent { } handleBack = () => { - this.props.onNavigate(locations.curation()) + const { history } = this.props + history.push(locations.curation()) } handleConfirmApprovalModal = (collection: Collection, curation: CollectionCuration | null) => { diff --git a/src/components/ItemEditorPage/TopPanel/TopPanel.types.ts b/src/components/ItemEditorPage/TopPanel/TopPanel.types.ts index ba5a2b27d..c9abef8e8 100644 --- a/src/components/ItemEditorPage/TopPanel/TopPanel.types.ts +++ b/src/components/ItemEditorPage/TopPanel/TopPanel.types.ts @@ -1,6 +1,6 @@ import { Dispatch } from 'redux' -import { CallHistoryMethodAction } from 'connected-react-router' import { ChainId } from '@dcl/schemas' +import { RouteComponentProps } from 'react-router-dom' import { initiateApprovalFlow, InitiateApprovalFlowAction, @@ -31,11 +31,10 @@ export type Props = { isReviewing: boolean isCommitteeMember: boolean selectedCollectionId: string | null - onNavigate: (path: string) => void onInitiateApprovalFlow: typeof initiateApprovalFlow onInitiateTPApprovalFlow: typeof initiateTPApprovalFlow onSetAssignee: typeof setCollectionCurationAssigneeRequest -} +} & RouteComponentProps export type State = { currentVeredict?: boolean @@ -65,7 +64,5 @@ export type MapStateProps = Pick< | 'isCommitteeMember' | 'selectedCollectionId' > -export type MapDispatchProps = Pick -export type MapDispatch = Dispatch< - CallHistoryMethodAction | InitiateApprovalFlowAction | InitiateTPApprovalFlowAction | SetCollectionCurationAssigneeRequestAction -> +export type MapDispatchProps = Pick +export type MapDispatch = Dispatch diff --git a/src/components/ItemProvider/ItemProvider.container.ts b/src/components/ItemProvider/ItemProvider.container.ts index 068002ba8..28b05d60b 100644 --- a/src/components/ItemProvider/ItemProvider.container.ts +++ b/src/components/ItemProvider/ItemProvider.container.ts @@ -12,7 +12,7 @@ import { MapStateProps, MapDispatchProps, MapDispatch, OwnProps } from './ItemPr import ItemProvider from './ItemProvider' const mapState = (state: RootState, ownProps: OwnProps): MapStateProps => { - const id = ownProps.id || getItemId(state) + const id = ownProps.id || getItemId() const items = getItems(state) const collections = getCollections(state) diff --git a/src/components/LandDetailPage/LandDetailPage.container.ts b/src/components/LandDetailPage/LandDetailPage.container.ts index fcb127715..54d3d04fd 100644 --- a/src/components/LandDetailPage/LandDetailPage.container.ts +++ b/src/components/LandDetailPage/LandDetailPage.container.ts @@ -1,5 +1,5 @@ import { connect } from 'react-redux' -import { push, replace } from 'connected-react-router' +import { withRouter } from 'react-router-dom' import { RootState } from 'modules/common/types' import { getLandId } from 'modules/location/selectors' import { openModal } from 'decentraland-dapps/dist/modules/modal/actions' @@ -10,7 +10,7 @@ import { MapStateProps, MapDispatchProps, MapDispatch } from './LandDetailPage.t import LandDetailPage from './LandDetailPage' const mapState = (state: RootState): MapStateProps => { - const landId = getLandId(state) || '' + const landId = getLandId() || '' return { ensList: getENSForLand(state, landId), parcelsAvailableToBuildEstates: getParcelsAvailableToBuildEstates(state), @@ -21,9 +21,7 @@ const mapState = (state: RootState): MapStateProps => { } const mapDispatch = (dispatch: MapDispatch): MapDispatchProps => ({ - onNavigate: path => dispatch(push(path)), - onReplace: path => dispatch(replace(path)), onOpenModal: (name, metadata) => dispatch(openModal(name, metadata)) }) -export default connect(mapState, mapDispatch)(LandDetailPage) +export default connect(mapState, mapDispatch)(withRouter(LandDetailPage)) diff --git a/src/components/LandDetailPage/LandDetailPage.tsx b/src/components/LandDetailPage/LandDetailPage.tsx index 8151aa5fc..716cb60fd 100644 --- a/src/components/LandDetailPage/LandDetailPage.tsx +++ b/src/components/LandDetailPage/LandDetailPage.tsx @@ -64,13 +64,13 @@ export default class LandDetailPage extends React.PureComponent { } handleClick = (x: number, y: number) => { - const { deploymentsByCoord, projects, onNavigate, onReplace, landTiles } = this.props + const { deploymentsByCoord, projects, history, landTiles } = this.props const id = coordsToId(x, y) const deployment = deploymentsByCoord[id] if (deployment && deployment.projectId && deployment.projectId in projects) { - onNavigate(locations.sceneDetail(deployment.projectId)) + history.push(locations.sceneDetail(deployment.projectId)) } else if (id in landTiles) { - onReplace(locations.landDetail(landTiles[id].land.id)) + history.replace(locations.landDetail(landTiles[id].land.id)) } } @@ -110,7 +110,7 @@ export default class LandDetailPage extends React.PureComponent { } renderDetail(land: Land, deployments: Deployment[], rental: Rental | null) { - const { ensList, parcelsAvailableToBuildEstates, projects, onNavigate, onOpenModal } = this.props + const { ensList, parcelsAvailableToBuildEstates, projects, history, onOpenModal } = this.props const { hovered, mouseX, mouseY, showTooltip } = this.state const occupiedTotal = this.computeOccupiedLand(land, deployments) const landOwner = rental && (land.roles.includes(RoleType.LESSOR) || land.roles.includes(RoleType.TENANT)) ? rental.lessor : land.owner @@ -128,7 +128,7 @@ export default class LandDetailPage extends React.PureComponent { ) : null}
- onNavigate(locations.land())} /> + history.push(locations.land())} /> @@ -151,12 +151,12 @@ export default class LandDetailPage extends React.PureComponent { - - @@ -196,13 +196,13 @@ export default class LandDetailPage extends React.PureComponent { <> onNavigate(locations.landSelectENS(land.id))} + onClick={() => history.push(locations.landSelectENS(land.id))} /> onNavigate(locations.landOperator(land.id))} + onClick={() => history.push(locations.landOperator(land.id))} /> @@ -222,7 +222,7 @@ export default class LandDetailPage extends React.PureComponent { onNavigate(locations.landOperator(land.id))} + onClick={() => history.push(locations.landOperator(land.id))} /> @@ -261,7 +261,7 @@ export default class LandDetailPage extends React.PureComponent { deployment={deployment} onMouseEnter={this.handleMouseEnter} onMouseLeave={this.handleMouseLeave} - onNavigate={onNavigate} + onNavigate={(path: string) => history.push(path)} onOpenModal={onOpenModal} projects={projects} /> diff --git a/src/components/LandDetailPage/LandDetailPage.types.ts b/src/components/LandDetailPage/LandDetailPage.types.ts index c8493a85b..6fa5973a4 100644 --- a/src/components/LandDetailPage/LandDetailPage.types.ts +++ b/src/components/LandDetailPage/LandDetailPage.types.ts @@ -1,5 +1,5 @@ import { Dispatch } from 'redux' -import { CallHistoryMethodAction } from 'connected-react-router' +import { RouteComponentProps } from 'react-router-dom' import { ProjectState } from 'modules/project/reducer' import { openModal, OpenModalAction } from 'decentraland-dapps/dist/modules/modal/actions' import { Deployment } from 'modules/deployment/types' @@ -12,10 +12,8 @@ export type Props = { deploymentsByCoord: Record landTiles: Record projects: ProjectState['data'] - onNavigate: (path: string) => void - onReplace: (path: string) => void onOpenModal: typeof openModal -} +} & RouteComponentProps export type State = { hovered: Deployment | null @@ -25,5 +23,5 @@ export type State = { } export type MapStateProps = Pick -export type MapDispatchProps = Pick -export type MapDispatch = Dispatch +export type MapDispatchProps = Pick +export type MapDispatch = Dispatch diff --git a/src/components/LandProvider/LandProvider.container.ts b/src/components/LandProvider/LandProvider.container.ts index 106584707..43088f7b0 100644 --- a/src/components/LandProvider/LandProvider.container.ts +++ b/src/components/LandProvider/LandProvider.container.ts @@ -11,7 +11,7 @@ import { MapStateProps, OwnProps } from './LandProvider.types' import LandProvider from './LandProvider' const mapState = (state: RootState, ownProps: OwnProps): MapStateProps => { - const id = ownProps.id || getLandId(state) + const id = ownProps.id || getLandId() const lands = getLands(state) const land = lands.find(land => land.id === id) || null diff --git a/src/components/SceneDetailPage/SceneDetailPage.container.ts b/src/components/SceneDetailPage/SceneDetailPage.container.ts index 2456679e9..b86062de5 100644 --- a/src/components/SceneDetailPage/SceneDetailPage.container.ts +++ b/src/components/SceneDetailPage/SceneDetailPage.container.ts @@ -1,5 +1,4 @@ import { connect } from 'react-redux' -import { push } from 'connected-react-router' import { isLoadingType } from 'decentraland-dapps/dist/modules/loading/selectors' import { RootState } from 'modules/common/types' import { FETCH_LANDS_REQUEST } from 'modules/land/actions' @@ -17,7 +16,7 @@ import { MapStateProps, MapDispatchProps, MapDispatch } from './SceneDetailPage. import SceneDetailPage from './SceneDetailPage' const mapState = (state: RootState): MapStateProps => { - const projectId = getProjectId(state) + const projectId = getProjectId() const projects = getProjects(state) const project = projectId && projectId in projects ? projects[projectId] : null const deploymentsByProjectId = getDeploymentsByProjectId(state) @@ -37,7 +36,6 @@ const mapState = (state: RootState): MapStateProps => { } const mapDispatch = (dispatch: MapDispatch): MapDispatchProps => ({ - onNavigate: path => dispatch(push(path)), onOpenModal: (name, metadata) => dispatch(openModal(name, metadata)), onDelete: project => dispatch(deleteProject(project)), onDuplicate: project => dispatch(duplicateProjectRequest(project)), diff --git a/src/components/SceneDetailPage/SceneDetailPage.tsx b/src/components/SceneDetailPage/SceneDetailPage.tsx index 6f81317b1..197480f03 100644 --- a/src/components/SceneDetailPage/SceneDetailPage.tsx +++ b/src/components/SceneDetailPage/SceneDetailPage.tsx @@ -14,11 +14,13 @@ import SDKTag from 'components/SDKTag/SDKTag' import DeploymentDetail from './DeploymentDetail' import MigrateSceneToSDK7 from './MigrateSceneToSDK7' import './SceneDetailPage.css' +import { useHistory } from 'react-router' const SceneDetailPage: React.FC = props => { - const { project, scene, isLoading, deployments, onOpenModal, onDelete, onDuplicate, onNavigate, onLoadProjectScene } = props + const { project, scene, isLoading, deployments, onOpenModal, onDelete, onDuplicate, onLoadProjectScene } = props const [isDeleting, setIsDeleting] = useState(false) const [showMigrationModal, setShowMigrationModal] = useState(false) + const history = useHistory() useEffect(() => { if (project && !scene) { @@ -63,9 +65,9 @@ const SceneDetailPage: React.FC = props => { if (scene?.sdk6) { setShowMigrationModal(true) } else { - onNavigate(locations.inspector(project?.id)) + history.push(locations.inspector(project?.id)) } - }, [project, scene, onNavigate]) + }, [project, scene, history]) const getSceneStatus = () => { const { project, isLoading, isLoadingDeployments } = props @@ -77,15 +79,22 @@ const SceneDetailPage: React.FC = props => { return } + const handleNavigate = useCallback( + (location: string) => { + history.push(location) + }, + [history] + ) + const renderPage = (project: Project, deployments: Deployment[]) => { - const { isLoadingDeployments, onNavigate, onOpenModal, scene } = props + const { isLoadingDeployments, onOpenModal, scene } = props return ( <>
- onNavigate(locations.scenes())} /> + handleNavigate(locations.scenes())} />
{project.title} @@ -179,7 +188,7 @@ const SceneDetailPage: React.FC = props => { ) : null} {showMigrationModal && ( - setShowMigrationModal(false)} /> + setShowMigrationModal(false)} /> )}