From d4aee36542cfe83fa553088968c43a71f254d059 Mon Sep 17 00:00:00 2001
From: Erik Ziegler <erik.sweed@gmail.com>
Date: Thu, 11 Jul 2019 23:32:49 +0200
Subject: [PATCH] fix(GoogleCloud): Fix Cloud Healthcare file upload buttons
 (#658)

fix #654
---
 src/studylist/StudyListWithData.js | 46 +++++++++++++++---------------
 1 file changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/studylist/StudyListWithData.js b/src/studylist/StudyListWithData.js
index d855eb71d..fa406a18a 100644
--- a/src/studylist/StudyListWithData.js
+++ b/src/studylist/StudyListWithData.js
@@ -234,27 +234,27 @@ class StudyListWithData extends Component {
     console.warn(this.state.studies);
 
     const studyList = (
-      <Dropzone onDrop={onDrop}>
-        {({ getRootProps, getInputProps }) => (
-          <div {...getRootProps()} className="paginationArea">
-            {this.state.studies ? (
-              <StudyList
-                studies={this.state.studies}
-                studyListFunctionsEnabled={false}
-                onImport={this.onImport}
-                onSelectItem={this.onSelectItem}
-                pageSize={this.rowsPerPage}
-                defaultSort={StudyListWithData.defaultSort}
-                studyListDateFilterNumDays={
-                  StudyListWithData.studyListDateFilterNumDays
-                }
-                onSearch={this.onSearch}
-              >
-                {healthCareApiButtons}
-                {healthCareApiWindows}
-              </StudyList>
-            ) : (
-              <div className={'drag-drop-instructions'}>
+      <div className="paginationArea">
+        {this.state.studies ? (
+          <StudyList
+            studies={this.state.studies}
+            studyListFunctionsEnabled={false}
+            onImport={this.onImport}
+            onSelectItem={this.onSelectItem}
+            pageSize={this.rowsPerPage}
+            defaultSort={StudyListWithData.defaultSort}
+            studyListDateFilterNumDays={
+              StudyListWithData.studyListDateFilterNumDays
+            }
+            onSearch={this.onSearch}
+          >
+            {healthCareApiButtons}
+            {healthCareApiWindows}
+          </StudyList>
+        ) : (
+          <Dropzone onDrop={onDrop}>
+            {({ getRootProps, getInputProps }) => (
+              <div {...getRootProps()} className={'drag-drop-instructions'}>
                 <h3>
                   {this.props.t(
                     'Drag and Drop DICOM files here to load them in the Viewer'
@@ -266,9 +266,9 @@ class StudyListWithData extends Component {
                 <input {...getInputProps()} style={{ display: 'none' }} />
               </div>
             )}
-          </div>
+          </Dropzone>
         )}
-      </Dropzone>
+      </div>
     );
     return (
       <>