Navigation Problem giderildii

ui/dev-dist/sw.js

@@ -82,7 +82,7 @@ define(['./workbox-54d0af47'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.u7hl29mc92g"
+    "revision": "0.172lu27b4eg"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {

ui/src/contexts/ComponentRegistryContext.tsx

@@ -256,6 +256,7 @@ const ComponentRegistryProvider: React.FC<{ children: React.ReactNode }> = ({ ch
         'toast',
         'Tooltip',
         'Upload',
+        'axios',
         `return ${compiledBundle}`,
       )
       const compiledComponentsRegistry = componentsFactory(

ui/src/utils/navigation.ts

@@ -4,13 +4,13 @@ import {
   NAV_ITEM_TYPE_ITEM,
   NAV_ITEM_TYPE_TITLE,
 } from '@/constants/navigation.constant'
-import { MenuDto } from '@/proxy/menus'
+import { MenuDto } from '@/proxy/menus/models'
 
 export default function getChildren(menu: MenuDto[], parentCode: string | null): NavigationTree[] {
   const menus: NavigationTree[] = []
   for (const child of menu.filter((a) => a.parentCode === parentCode)) {
     const item: NavigationTree = {
-      key: child.url ?? child.code ?? '',
+      key: child.url?.length ? child.url : child.code ?? '',
       path: child.url ?? '',
       title: child.displayName ?? '',
       icon: child.icon ?? '',
@@ -19,6 +19,7 @@ export default function getChildren(menu: MenuDto[], parentCode: string | null):
       authority: [child.requiredPermissionName ?? ''],
       subMenu: [],
     }
+
     if (child.code) {
       const subMenu = getChildren(menu, child.code)
       if (subMenu.length) {

ui/src/views/admin/organization-unit/OrganizationUnits.tsx

@@ -56,11 +56,12 @@ import { FaFolder, FaMinusCircle, FaPlusCircle, FaTrash } from 'react-icons/fa'
 import { HiBadgeCheck, HiUser } from 'react-icons/hi'
 import {
   MdAccountTree,
+  MdAddModerator,
+  MdAdUnits,
   MdDelete,
   MdEdit,
   MdGroup,
   MdPersonAdd,
-  MdRadioButtonUnchecked,
   MdSupervisedUserCircle,
 } from 'react-icons/md'
 import { object, string } from 'yup'
@@ -459,7 +460,7 @@ const OrganizationUnits = () => {
         <Container>
           <div className="flex flex-col lg:flex-row gap-4">
             <Card
-              className="md:w-2/12 min-w-fit"
+              className="md:w-3/12 min-w-fit"
               header={translate('::Abp.Identity.OrganizationUnits')}
               headerExtra={
                 <div className="flex gap-1">
@@ -475,7 +476,7 @@ const OrganizationUnits = () => {
                       })
                     }}
                   >
-                    {activeOu ? <MdAccountTree /> : <MdRadioButtonUnchecked />}
+                    {activeOu ? <MdAccountTree /> : <MdAdUnits />}
                   </Button>
 
                   <Button
@@ -524,7 +525,7 @@ const OrganizationUnits = () => {
                 {Node}
               </Tree>
             </Card>
-            <Card className="md:w-10/12 w-full">
+            <Card className="md:w-9/12 w-full">
               <Tabs defaultValue="users">
                 <TabList>
                   <TabNav value="users" icon={<HiUser />}>