1 files changed, 13 insertions, 15 deletions
diff --git a/packages/exchange-backoffice-ui/src/Dashborad.tsx b/packages/exchange-backoffice-ui/src/Dashborad.tsx
index dce41b496..80df4127a 100644
--- a/packages/exchange-backoffice-ui/src/Dashborad.tsx
+++ b/packages/exchange-backoffice-ui/src/Dashborad.tsx
@@ -1,31 +1,26 @@
-import { ComponentChildren, Fragment, VNode, h } from "preact";
 import { Dialog, Menu, Transition } from "@headlessui/react";
 import {
+  ChevronDownIcon,
+  MagnifyingGlassIcon,
+} from "@heroicons/react/20/solid";
+import {
   Bars3Icon,
   BellIcon,
-  CalendarIcon,
-  ChartPieIcon,
   Cog6ToothIcon,
   DocumentDuplicateIcon,
-  FolderIcon,
-  HomeIcon,
-  UsersIcon,
   XMarkIcon,
 } from "@heroicons/react/24/outline";
-import {
-  ChevronDownIcon,
-  MagnifyingGlassIcon,
-} from "@heroicons/react/20/solid";
+import { ComponentChildren, Fragment, VNode, h } from "preact";
 import { useEffect, useRef, useState } from "preact/hooks";
 import { NiceForm } from "./NiceForm.js";
-import { v1 as form_902_1e_v1 } from "./forms/902_1e.js";
 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_9e_v1 } from "./forms/902_9e.js";
-import { v1 as form_902_5e_v1 } from "./forms/902_5e.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";
 
 /**
  * references between forms
@@ -92,7 +87,7 @@ const navigation = [
     impl: form_902_5e_v1,
   },
   {
-    name: "WIP (902.4e)",
+    name: "Risk profile (902.4e)",
     icon: DocumentDuplicateIcon,
     impl: form_902_4e_v1,
   },
@@ -159,6 +154,9 @@ function classNames(...classes: string[]) {
  * 3.- given the previous requirement, maybe the name of the field of the form could be
  * a function (P: F -> V) where F is the form (or parent object) and V is the type of the
  * property. That will help with the typing of the forms props
+ *
+ * 4.- tooltip are not placed correctly: the arrow should point the question mark
+ * and the text area should be bigger
  */
 
 export function Dashboard({
@@ -167,7 +165,7 @@ export function Dashboard({
   children?: ComponentChildren;
 }): VNode {
   const [sidebarOpen, setSidebarOpen] = useState(false);
-  const [selectedForm, setSelectedForm] = useState(6);
+  const [selectedForm, setSelectedForm] = useState(7);
   function changeForm(next: number) {
     setSelectedForm(next);
   }