diff --git a/packages/exchange-backoffice-ui/src/Dashboard.tsx b/packages/exchange-backoffice-ui/src/Dashboard.tsx index 80f33954a..9a0ba41d5 100644 --- a/packages/exchange-backoffice-ui/src/Dashboard.tsx +++ b/packages/exchange-backoffice-ui/src/Dashboard.tsx @@ -2,27 +2,20 @@ import { Dialog, Menu, Transition } from "@headlessui/react"; import { ChevronDownIcon, MagnifyingGlassIcon, + UserIcon, } from "@heroicons/react/20/solid"; import { Bars3Icon, BellIcon, Cog6ToothIcon, - DocumentDuplicateIcon, XMarkIcon, } from "@heroicons/react/24/outline"; import { ComponentChildren, Fragment, VNode, h } from "preact"; import { ForwardedRef, forwardRef } from "preact/compat"; import { useRef, useState } from "preact/hooks"; -import { v1 as form_902_11e_v1 } from "./forms/902_11e.js"; -import { v1 as form_902_12e_v1 } from "./forms/902_12e.js"; -import { v1 as form_902_13e_v1 } from "./forms/902_13e.js"; -import { v1 as form_902_15e_v1 } from "./forms/902_15e.js"; -import { v1 as form_902_1e_v1 } from "./forms/902_1e.js"; -import { v1 as form_902_4e_v1 } from "./forms/902_4e.js"; -import { v1 as form_902_5e_v1 } from "./forms/902_5e.js"; -import { v1 as form_902_9e_v1 } from "./forms/902_9e.js"; import { Pages } from "./pages.js"; import { Router, useCurrentLocation } from "./route.js"; +import { InformationCircleIcon } from "@heroicons/react/24/solid"; /** * references between forms @@ -52,53 +45,6 @@ import { Router, useCurrentLocation } from "./route.js"; * 902.4 */ -export const allForms = [ - { - name: "Identification form (902.1e)", - icon: DocumentDuplicateIcon, - impl: form_902_1e_v1, - }, - { - name: "Operational legal entity or partnership (902.11e)", - icon: DocumentDuplicateIcon, - impl: form_902_11e_v1, - }, - { - name: "Foundations (902.12e)", - icon: DocumentDuplicateIcon, - impl: form_902_12e_v1, - }, - { - name: "Declaration for trusts (902.13e)", - icon: DocumentDuplicateIcon, - impl: form_902_13e_v1, - }, - { - name: "Information on life insurance policies (902.15e)", - icon: DocumentDuplicateIcon, - impl: form_902_15e_v1, - }, - { - name: "Declaration of beneficial owner (902.9e)", - icon: DocumentDuplicateIcon, - impl: form_902_9e_v1, - }, - { - name: "Customer profile (902.5e)", - icon: DocumentDuplicateIcon, - impl: form_902_5e_v1, - }, - { - name: "Risk profile (902.4e)", - icon: DocumentDuplicateIcon, - impl: form_902_4e_v1, - }, -]; -const teams = [ - { id: 1, name: "Heroicons", href: "#", initial: "H", current: false }, - { id: 2, name: "Tailwind Labs", href: "#", initial: "T", current: false }, - { id: 3, name: "Workcation", href: "#", initial: "W", current: false }, -]; const userNavigation = [ { name: "Your profile", href: "#" }, { name: "Sign out", href: "#" }, @@ -135,7 +81,7 @@ const VERSION = typeof __VERSION__ !== "undefined" ? __VERSION__ : undefined; const versionText = VERSION ? GIT_HASH - ? `Version ${VERSION} (${GIT_HASH.substring(0, 8)})` + ? `v${VERSION} (${GIT_HASH.substring(0, 8)})` : VERSION : ""; @@ -173,6 +119,110 @@ const versionText = VERSION * writing text with the correct format */ +function LeftMenu() { + const currentLocation = useCurrentLocation(pageList); + + return ( + + ); +} + export function Dashboard({ children, }: { @@ -185,11 +235,24 @@ export function Dashboard({ if (!logRef.current) return; logRef.current.innerHTML = JSON.stringify(v, undefined, 1); } - - const Nav = forwardRef(NavigationBar); return ( -