diff --git a/apps/assets-overview/src/components/AssetDetails.js b/apps/assets-overview/src/components/AssetDetails.js index 35693e268..7af73ca93 100644 --- a/apps/assets-overview/src/components/AssetDetails.js +++ b/apps/assets-overview/src/components/AssetDetails.js @@ -16,12 +16,7 @@ import { Pill, } from "juno-ui-components" import useStore from "../store" -import { - currentState, - push, - addOnChangeListener, - removeOnChangeListener, -} from "url-state-provider" +import { currentState, push, onGlobalChange } from "url-state-provider" import { useQuery } from "@tanstack/react-query" import { fetchAssetsManifest } from "../actions" import { APP } from "../helpers" @@ -102,10 +97,11 @@ const AssetDetails = () => { } updatePanelStateFromURL(urlState) // this listener reacts on any change on the url state - addOnChangeListener(urlStateKey, (newState) => { - updatePanelStateFromURL(newState) + const unregisterUrlListener = onGlobalChange((newState) => { + if (newState?.[urlStateKey]) + updatePanelStateFromURL(newState[urlStateKey]) }) - return () => removeOnChangeListener(urlStateKey) + return unregisterUrlListener }, [urlStateKey]) // call close reducer from url store diff --git a/apps/assets-overview/src/components/AssetsList.js b/apps/assets-overview/src/components/AssetsList.js index ae53f8fad..425ac1ed8 100644 --- a/apps/assets-overview/src/components/AssetsList.js +++ b/apps/assets-overview/src/components/AssetsList.js @@ -16,7 +16,6 @@ const AssetsList = ({ assets, isLoading, error }) => { ) if (isLoading && !assets) return - console.log("====", assets) return (