From 9516e6952267dc896b404adfbc7aaa08a9baadfd Mon Sep 17 00:00:00 2001 From: brendanlaschke Date: Mon, 20 Nov 2023 15:36:35 +0100 Subject: [PATCH] Fix navbar active marker (#2588) - fix navbar active marker --- .../object-metadata/components/ObjectMetadataNavItems.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/front/src/modules/object-metadata/components/ObjectMetadataNavItems.tsx b/front/src/modules/object-metadata/components/ObjectMetadataNavItems.tsx index 38f7b10d9..d32fd73ac 100644 --- a/front/src/modules/object-metadata/components/ObjectMetadataNavItems.tsx +++ b/front/src/modules/object-metadata/components/ObjectMetadataNavItems.tsx @@ -1,4 +1,4 @@ -import { useNavigate } from 'react-router-dom'; +import { useLocation, useNavigate } from 'react-router-dom'; import { useObjectMetadataItemForSettings } from '@/object-metadata/hooks/useObjectMetadataItemForSettings'; import { Icon123 } from '@/ui/input/constants/icons'; @@ -9,6 +9,7 @@ export const ObjectMetadataNavItems = () => { const { activeObjectMetadataItems } = useObjectMetadataItemForSettings(); const navigate = useNavigate(); const { icons } = useLazyLoadIcons(); + const currentPath = useLocation().pathname; return ( <> @@ -19,6 +20,7 @@ export const ObjectMetadataNavItems = () => { key={objectMetadataItem.id} label={objectMetadataItem.labelPlural} to={`/objects/${objectMetadataItem.namePlural}`} + active={currentPath == `/objects/${objectMetadataItem.namePlural}`} Icon={ objectMetadataItem.icon ? icons[objectMetadataItem.icon] : Icon123 }