diff --git a/app/(datasets)/data-catalog/catalog.tsx b/app/(datasets)/data-catalog/catalog.tsx index 8e0c50f..6399cae 100644 --- a/app/(datasets)/data-catalog/catalog.tsx +++ b/app/(datasets)/data-catalog/catalog.tsx @@ -1,22 +1,21 @@ 'use client'; import React from 'react'; import { CatalogView, useFiltersWithQS } from '@lib'; -import { usePathname } from 'next/navigation'; -import Link from 'next/link'; +import { useRouter } from 'next/navigation'; export default function Catalog({ datasets }: { datasets: any }) { - const pathname = usePathname(); const controlVars = useFiltersWithQS(); + const router = useRouter(); + + const handleCardNavigation = (path: string) => { + router.push(path); + }; return ( <CatalogView datasets={datasets} onFilterChanges={() => controlVars} - pathname={pathname} - linkProperties={{ - LinkElement: Link, - pathAttributeKeyName: 'href', - }} + onCardNavigate={handleCardNavigation} /> ); } diff --git a/package.json b/package.json index 3c9e1c9..32ab384 100644 --- a/package.json +++ b/package.json @@ -12,7 +12,7 @@ "fix": "yarn run format && yarn run lint:fix" }, "dependencies": { - "@developmentseed/veda-ui": "v5.11.3-ph-a", + "@developmentseed/veda-ui": "v5.11.3-alpha.0", "@devseed-ui/theme-provider": "^4.1.0", "@tailwindcss/postcss": "4.0.0-alpha.13", "@types/node": "20.11.17",