@@ -2,9 +2,9 @@ import {StackedModalProps, useParams} from '@alchemy/navigation';
22import { AppDialog } from '@alchemy/phrasea-ui' ;
33import { Basket , BasketAsset } from '../../types' ;
44import { Trans , useTranslation } from 'react-i18next' ;
5- import React , { useCallback } from 'react' ;
5+ import React from 'react' ;
66import { getBasket , getBasketAssets } from '../../api/basket' ;
7- import { useCloseModal , useNavigateToModal } from '../Routing/ModalLink' ;
7+ import { useCloseModal } from '../Routing/ModalLink' ;
88import AssetList from '../AssetList/AssetList' ;
99import { BasketSelectionContext } from '../../context/BasketSelectionContext' ;
1010import DisplayProvider from '../Media/DisplayProvider' ;
@@ -21,18 +21,17 @@ import BasketsPanel from './BasketsPanel';
2121import { leftPanelWidth } from '../../themes/base' ;
2222import { ZIndex } from '../../themes/zIndex' ;
2323import Box from '@mui/material/Box' ;
24- import { ActionsContext , OnOpen } from '../AssetList/types' ;
25- import { modalRoutes , Routing } from '../../routes' ;
24+ import { ActionsContext } from '../AssetList/types' ;
2625import BasketItem from './BasketItem' ;
2726import { createDefaultActionsContext } from '../AssetList/actionContext.ts' ;
27+ import { useOpenAsset } from '../AssetSearch/useOpenAsset.ts' ;
2828
2929type Props = { } & StackedModalProps ;
3030
3131export default function BasketViewDialog ( { modalIndex, open} : Props ) {
3232 const { t} = useTranslation ( ) ;
3333 const { id} = useParams ( ) ;
3434 const closeModal = useCloseModal ( ) ;
35- const navigateToModal = useNavigateToModal ( ) ;
3635
3736 const [ data , setData ] = React . useState < Basket > ( ) ;
3837 const [ pagination , setPagination ] = React . useState < Pagination < BasketAsset > > (
@@ -53,16 +52,7 @@ export default function BasketViewDialog({modalIndex, open}: Props) {
5352 [ loadItems , pagination ]
5453 ) ;
5554
56- const onOpen = useCallback < OnOpen > (
57- ( asset , renditionId ) : void => {
58- navigateToModal ( modalRoutes . assets . routes . view , {
59- id : asset . id ,
60- renditionId : renditionId || Routing . UnknownRendition ,
61- } ) ;
62- // eslint-disable-next-line
63- } ,
64- [ navigateToModal ]
65- ) ;
55+ const onOpen = useOpenAsset ( { } ) ;
6656
6757 React . useEffect ( ( ) => {
6858 getBasket ( id ! ) . then ( setData ) ;
0 commit comments