diff options
Diffstat (limited to 'packages/aml-backoffice-ui/src/Dashboard.tsx')
| -rw-r--r-- | packages/aml-backoffice-ui/src/Dashboard.tsx | 83 |
1 files changed, 7 insertions, 76 deletions
diff --git a/packages/aml-backoffice-ui/src/Dashboard.tsx b/packages/aml-backoffice-ui/src/Dashboard.tsx index d111ae145..b813f83d5 100644 --- a/packages/aml-backoffice-ui/src/Dashboard.tsx +++ b/packages/aml-backoffice-ui/src/Dashboard.tsx @@ -77,75 +77,6 @@ const versionText = VERSION * writing text with the correct format */ -const pageList = Object.values(Pages); -function LeftMenu() { - const currentLocation = useCurrentLocation(pageList); - - return ( - <nav class="flex flex-1 flex-col"> - <ul role="list" class="flex flex-1 flex-col gap-y-7"> - <li> - <ul role="list" class="-mx-2 space-y-1"> - <li> - <a - href={Pages.cases.url} - class={classNames( - Pages.cases.url === currentLocation?.path - ? "bg-indigo-700 text-white" - : "text-indigo-200 hover:text-white hover:bg-indigo-700", - "group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold", - )} - > - {/* <InformationCircleIcon - class={classNames( - Pages.cases.url === currentLocation?.path - ? "text-white" - : "text-indigo-200 group-hover:text-white", - "h-6 w-6 shrink-0", - )} - aria-hidden="true" - /> */} - <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> - <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" /> - </svg> - - Cases - </a> - </li> - <li> - <a - href={Pages.officer.url} - class={classNames( - Pages.officer.url === currentLocation?.path - ? "bg-indigo-700 text-white" - : "text-indigo-200 hover:text-white hover:bg-indigo-700", - "group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold", - )} - > - <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> - <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z" /> - </svg> - - {/* <UserIcon - class={classNames( - Pages.officer.url === currentLocation?.path - ? "text-white" - : "text-indigo-200 group-hover:text-white", - "h-6 w-6 shrink-0", - )} - aria-hidden="true" - /> */} - Account - </a> - </li> - </ul> - </li> - </ul> - </nav> - ); -} - - export function ExchangeAmlFrame({ children, }: { @@ -238,21 +169,21 @@ function Navigation(): VNode { ] const location = useChangeLocation(); return ( - <div class="flex gap-y-5 w-48 bg-indigo-600 divide-y rounded-r-lg divide-cyan-800 overflow-y-auto overflow-x-clip"> + <div class="hidden sm:block w-48 min-w-min bg-indigo-600 divide-y rounded-r-lg divide-cyan-800 overflow-y-auto overflow-x-clip"> <nav class="flex flex-1 flex-col mx-4 mt-4 mb-2"> <ul role="list" class="flex flex-1 flex-col gap-y-7"> <li> <ul role="list" class="-mx-2 space-y-1"> {pageList.map(p => { - + return <li> - {/* <!-- Current: "bg-indigo-700 text-white", - Default: "text-indigo-200 hover:text-white hover:bg-indigo-700" --> */} - <a href={p.url} data-selected={location == p.url} + <a href={p.url} data-selected={location == p.url} class="data-[selected=true]:bg-indigo-700 data-[selected=true]:text-white text-indigo-200 hover:text-white hover:bg-indigo-700 group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold"> - { p.Icon && <p.Icon />} - {p.name} + {p.Icon && <p.Icon />} + <span class="hidden md:inline"> + {p.name} + </span> </a> </li> |