Merge pull request #10 from selsa-inube/cmarin/1581/adjust-double-sel…

…ected-behavior Fix: Adjust Bug Causing Double-Selected <NavLink/>
selsa-inube · May 10, 2024 · 7d3733f · 7d3733f
2 parents bd601c9 + 16d7917
commit 7d3733f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 14 deletions.
diff --git a/src/Nav/index.tsx b/src/Nav/index.tsx
@@ -28,7 +28,6 @@ const Links = (props: INavLink) => {
   const { section } = props;
 
   const location = useLocation();
-  const currentUrl = location.pathname;
 
   const LinkElements = section.map((sectionObject) => (
     <NavLink
@@ -37,7 +36,7 @@ const Links = (props: INavLink) => {
       label={sectionObject.label}
       icon={sectionObject.icon}
       path={sectionObject.path}
-      selected={currentUrl.startsWith(sectionObject.path)}
+      selected={location.pathname === sectionObject.path}
     />
   ));
   return <>{LinkElements} </>;

diff --git a/src/Nav/stories/Nav.stories.tsx b/src/Nav/stories/Nav.stories.tsx
@@ -36,23 +36,23 @@ Default.args = {
       administrate: {
         name: "Administrate",
         links: {
-          privileges: {
-            id: "privileges",
-            label: "Privileges",
+          text: {
+            id: "text",
+            label: "Text",
             icon: <MdKey />,
-            path: "/privileges",
+            path: "/components/text",
           },
-          accounting: {
-            id: "accounting",
-            label: "Accounting",
+          textfield: {
+            id: "textfield",
+            label: "Textfield",
             icon: <MdMeetingRoom />,
-            path: "/accounting",
+            path: "/components/textfield",
           },
-          contacts: {
-            id: "contacts",
-            label: "Contacts",
+          textarea: {
+            id: "textarea",
+            label: "Textarea",
             icon: <MdPhone />,
-            path: "/contacts",
+            path: "/components/textarea",
           },
           crm: {
             id: "crm",