Remove the drag when we have one question

openmrs · Jul 21, 2023 · f3ad849 · f3ad849
1 parent a56dece
commit f3ad849
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/components/interactive-builder/draggable-question.component.tsx b/src/components/interactive-builder/draggable-question.component.tsx
@@ -50,7 +50,8 @@ export const DraggableQuestion: React.FC<DraggableQuestionProps> = ({
     cursor: isDragging ? "grabbing" : "grab",
   };
 
-  const dragStyles = isDragging ? styles.isDragged : styles.normal;
+  const dragStyles =
+    isDragging || questionLength > 1 ? styles.isDraggable : styles.normal;
   return (
     <div className={dragStyles}>
       <div className={styles.questionContainer}>

diff --git a/src/components/interactive-builder/draggable-question.scss b/src/components/interactive-builder/draggable-question.scss
@@ -12,7 +12,7 @@
   align-items: center;
 }
 
-.isDragged, .normal {
+.isDraggable, .normal {
   display: flex;
   height: 3rem;
   justify-content: space-between;
@@ -21,20 +21,19 @@
   width: 100%;
 }
 
-.normal:hover {
+
+.isDraggable:hover {
   background-color: $ui-03;
-}
-.isDragged {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-  background-color: $ui-03;
 }
-
 .draggableIconWrapper {
   margin-top: 0.25rem;
   margin-right: spacing.$spacing-03;
   border: none;
   background-color: transparent;
-
+  :hover {
+    background-color: $ui-03;
+  }
 }
 .draggableIcon {
   color: $ui-04;