From a769c2d1206e86cf446ffdf8c7b68ef834624d0a Mon Sep 17 00:00:00 2001
From: Luiz Kill <luizkill@gmail.com>
Date: Tue, 2 Aug 2022 11:43:52 -0300
Subject: Refactors the handle selection

---
 modern/package-lock.json      | 14 ++++++++++++++
 modern/src/main/StatusCard.js |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/modern/package-lock.json b/modern/package-lock.json
index 10e3ee71..7265f0e3 100644
--- a/modern/package-lock.json
+++ b/modern/package-lock.json
@@ -25,6 +25,7 @@
         "moment": "^2.29.4",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
+        "react-draggable": "^4.4.5",
         "react-mui-dropzone": "^4.0.6",
         "react-redux": "^8.0.2",
         "react-router-dom": "^6.3.0",
@@ -16417,6 +16418,19 @@
         "react": "^18.2.0"
       }
     },
+    "node_modules/react-draggable": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.4.5.tgz",
+      "integrity": "sha512-OMHzJdyJbYTZo4uQE393fHcqqPYsEtkjfMgvCHr6rejT+Ezn4OZbNyGH50vv+SunC1RMvwOTSWkEODQLzw1M9g==",
+      "dependencies": {
+        "clsx": "^1.1.1",
+        "prop-types": "^15.8.1"
+      },
+      "peerDependencies": {
+        "react": ">= 16.3.0",
+        "react-dom": ">= 16.3.0"
+      }
+    },
     "node_modules/react-dropzone": {
       "version": "10.2.2",
       "resolved": "https://registry.npmjs.org/react-dropzone/-/react-dropzone-10.2.2.tgz",
diff --git a/modern/src/main/StatusCard.js b/modern/src/main/StatusCard.js
index f80d9705..5ca45066 100644
--- a/modern/src/main/StatusCard.js
+++ b/modern/src/main/StatusCard.js
@@ -157,7 +157,7 @@ const StatusCard = ({ deviceId, onClose }) => {
     <>
       {device && (
         <Draggable
-          handle={deviceImage ? `.${classes.media}` : `.${classes.header}`}
+          handle={`.${classes.media}, .${classes.header}`}
         >
           <Card elevation={3} className={classes.card}>
             {deviceImage ? (
-- 
cgit v1.2.3