From c3373357eeb36919eddbee6e5e75051464c4ddd7 Mon Sep 17 00:00:00 2001
From: dannyrb <danny.ri.brown@gmail.com>
Date: Tue, 19 May 2020 23:34:56 -0400
Subject: [PATCH] dropped item logs displaySetInstanceUID

---
 extensions/default/src/Panels/PanelStudyBrowser.jsx      | 1 +
 platform/ui/src/components/StudyBrowser/StudyBrowser.jsx | 5 ++---
 platform/viewer/src/components/ViewportGrid.jsx          | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/extensions/default/src/Panels/PanelStudyBrowser.jsx b/extensions/default/src/Panels/PanelStudyBrowser.jsx
index 99713e1af..18a69f6ac 100644
--- a/extensions/default/src/Panels/PanelStudyBrowser.jsx
+++ b/extensions/default/src/Panels/PanelStudyBrowser.jsx
@@ -59,6 +59,7 @@ function PanelStudyBrowser({
         imageSrc,
         dragData: {
           type: 'displayset',
+          displaySetInstanceUID: ds.displaySetInstanceUID,
           // .. Any other data to pass
         },
       };
diff --git a/platform/ui/src/components/StudyBrowser/StudyBrowser.jsx b/platform/ui/src/components/StudyBrowser/StudyBrowser.jsx
index f83a89bf9..bc48b6b3f 100644
--- a/platform/ui/src/components/StudyBrowser/StudyBrowser.jsx
+++ b/platform/ui/src/components/StudyBrowser/StudyBrowser.jsx
@@ -71,7 +71,6 @@ const StudyBrowser = ({
             />
             {isActive && displaySets && (
               <ThumbnailList
-                dragData={{ type: 'displayset' }}
                 thumbnails={displaySets}
                 thumbnailActive={thumbnailActive}
                 onThumbnailClick={thumbnailId => {
@@ -94,11 +93,11 @@ const StudyBrowser = ({
 
   return (
     <React.Fragment>
-      <div className="flex flex-row items-center justify-center border-b w-100 h-16 border-secondary-light p-4 bg-primary-dark">
+      <div className="flex flex-row items-center justify-center h-16 p-4 border-b w-100 border-secondary-light bg-primary-dark">
         <ButtonGroup
           variant="outlined"
           color="inherit"
-          className="border border-secondary-light rounded-md"
+          className="border rounded-md border-secondary-light"
         >
           {tabs.map(tab => {
             const { name, label } = tab;
diff --git a/platform/viewer/src/components/ViewportGrid.jsx b/platform/viewer/src/components/ViewportGrid.jsx
index e3add3de8..785fce1e6 100644
--- a/platform/viewer/src/components/ViewportGrid.jsx
+++ b/platform/viewer/src/components/ViewportGrid.jsx
@@ -102,8 +102,8 @@ function ViewerViewportGrid(props) {
           key={viewportIndex}
           className="m-1"
           acceptDropsFor="displayset"
-          onDrop={() => {
-            /* setDisplaySet for Viewport */
+          onDrop={droppedItem => {
+            console.warn('DROPPED ITEM:', droppedItem);
           }}
           isActive={activeViewportIndex === viewportIndex}
         >