diff --git a/centrifuge-app/src/components/Menu/IssuerMenu.tsx b/centrifuge-app/src/components/Menu/IssuerMenu.tsx index c35db75b1..1045b4381 100644 --- a/centrifuge-app/src/components/Menu/IssuerMenu.tsx +++ b/centrifuge-app/src/components/Menu/IssuerMenu.tsx @@ -11,7 +11,7 @@ type IssuerMenuProps = { } export function IssuerMenu({ defaultOpen = false, stacked, children }: IssuerMenuProps) { - const match = useMatch('/issuer/:pid') + const match = useMatch('/issuer/*') const isActive = !!match const [open, setOpen] = React.useState(defaultOpen) const { space } = useTheme() diff --git a/centrifuge-app/src/components/Menu/NavManagementMenu.tsx b/centrifuge-app/src/components/Menu/NavManagementMenu.tsx index f7fd77303..8747dff4c 100644 --- a/centrifuge-app/src/components/Menu/NavManagementMenu.tsx +++ b/centrifuge-app/src/components/Menu/NavManagementMenu.tsx @@ -11,7 +11,7 @@ type NavManagementMenuProps = { } // TODO: deduplicate some code between this and the IssuerMenu export function NavManagementMenu({ stacked }: NavManagementMenuProps) { - const match = useMatch('/nav-management/:pid') + const match = useMatch('/nav-management/*') const isActive = !!match const [open, setOpen] = React.useState(isActive) const { space } = useTheme() diff --git a/centrifuge-app/src/components/Menu/PoolLink.tsx b/centrifuge-app/src/components/Menu/PoolLink.tsx index fd47fd22c..4aad24a00 100644 --- a/centrifuge-app/src/components/Menu/PoolLink.tsx +++ b/centrifuge-app/src/components/Menu/PoolLink.tsx @@ -22,9 +22,10 @@ type PoolLinkProps = { } export function PoolLink({ pool, path = 'issuer' }: PoolLinkProps) { - const match = useMatch(`/${path}/:pid`) + const match = useMatch(`/${path}/:pid/*`) const { data: metadata } = usePoolMetadata(pool) const to = `/${path}/${pool.id}` + return ( } /> ) -} +} \ No newline at end of file