From 0326496c473b7185c4e947f0e8bbe9ca0b718812 Mon Sep 17 00:00:00 2001
From: Ibrahim <ibrahim.mdev@gmail.com>
Date: Fri, 4 Oct 2024 12:27:43 -0400
Subject: [PATCH] updates

---
 platform/app/public/config/default.js                     | 8 ++++----
 platform/ui-next/src/components/Onboarding/Onboarding.css | 2 +-
 platform/ui-next/src/components/Onboarding/Onboarding.tsx | 5 +++--
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/platform/app/public/config/default.js b/platform/app/public/config/default.js
index 782e4a6fe..238c9d53b 100644
--- a/platform/app/public/config/default.js
+++ b/platform/app/public/config/default.js
@@ -316,7 +316,7 @@ window.config = {
           text: 'You can zoom the images using the right click.',
           attachTo: {
             element: '.viewport-element',
-            on: 'top',
+            on: 'left',
           },
           advanceOn: {
             selector: '.cornerstone-viewport-element',
@@ -344,7 +344,7 @@ window.config = {
           text: 'You can modify the window level using the left click.',
           attachTo: {
             element: '.viewport-element',
-            on: 'top',
+            on: 'left',
           },
           advanceOn: {
             selector: '.cornerstone-viewport-element',
@@ -373,7 +373,7 @@ window.config = {
           text: 'Use the length tool on the viewport to measure the length of a region.',
           attachTo: {
             element: '.viewport-element',
-            on: 'top',
+            on: 'right',
           },
           advanceOn: {
             selector: 'body',
@@ -415,7 +415,7 @@ window.config = {
           text: 'Scroll the images using the mouse wheel away from the measurement.',
           attachTo: {
             element: '.viewport-element',
-            on: 'top',
+            on: 'left',
           },
           advanceOn: {
             selector: '.cornerstone-viewport-element',
diff --git a/platform/ui-next/src/components/Onboarding/Onboarding.css b/platform/ui-next/src/components/Onboarding/Onboarding.css
index f9817e21f..2df4130f3 100644
--- a/platform/ui-next/src/components/Onboarding/Onboarding.css
+++ b/platform/ui-next/src/components/Onboarding/Onboarding.css
@@ -44,5 +44,5 @@
 }
 
 .shepherd-modal-overlay-container.shepherd-modal-is-visible {
-  @apply !opacity-70
+  @apply !opacity-70;
 }
diff --git a/platform/ui-next/src/components/Onboarding/Onboarding.tsx b/platform/ui-next/src/components/Onboarding/Onboarding.tsx
index 0a9cd9ab3..7b9fc0852 100644
--- a/platform/ui-next/src/components/Onboarding/Onboarding.tsx
+++ b/platform/ui-next/src/components/Onboarding/Onboarding.tsx
@@ -35,8 +35,9 @@ const Onboarding = () => {
       ...matchingTour.tourOptions,
       defaultStepOptions: {
         ...matchingTour.tourOptions?.defaultStepOptions,
-        floatingUIOptions:
-          matchingTour.tourOptions?.defaultStepOptions?.floatingUIOptions || middleware,
+        floatingUIOptions: matchingTour.tourOptions?.defaultStepOptions?.floatingUIOptions || {
+          middleware,
+        },
         when: {
           ...matchingTour.tourOptions?.defaultStepOptions?.when,
           show: