Remove ondragover

Signed-off-by: Tyler Ohlsen <[email protected]>
opensearch-project · Mar 29, 2024 · b387b60 · b387b60
1 parent cdb725a
commit b387b60
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 12 deletions.
diff --git a/public/pages/workflow_detail/workspace/workspace.tsx b/public/pages/workflow_detail/workspace/workspace.tsx
@@ -88,11 +88,6 @@ export function Workspace(props: WorkspaceProps) {
     [setEdges]
   );
 
-  const onDragOver = useCallback((event) => {
-    event.preventDefault();
-    event.dataTransfer.dropEffect = 'move';
-  }, []);
-
   // Initialization. Set the nodes and edges to an existing workflow state,
   useEffect(() => {
     const workflow = { ...props.workflow };
@@ -124,7 +119,6 @@ export function Workspace(props: WorkspaceProps) {
               onNodesChange={onNodesChange}
               onEdgesChange={onEdgesChange}
               onConnect={onConnect}
-              onDragOver={onDragOver}
               className="reactflow-workspace"
               fitView
             >

diff --git a/public/pages/workflow_detail/workspace/workspace_components/group_component.tsx b/public/pages/workflow_detail/workspace/workspace_components/group_component.tsx
@@ -4,7 +4,7 @@
  */
 
 import React from 'react';
-import { EuiTitle } from '@elastic/eui';
+import { EuiFlexGroup, EuiFlexItem, EuiTitle } from '@elastic/eui';
 
 interface GroupComponentProps {
   data: { label: string };
@@ -16,10 +16,13 @@ interface GroupComponentProps {
  */
 export function GroupComponent(props: GroupComponentProps) {
   return (
-    <>
-      <EuiTitle size="l">
-        <h2 style={{ marginLeft: '8px' }}>{props.data.label}</h2>
-      </EuiTitle>
-    </>
+    <EuiFlexGroup direction="column">
+      <EuiFlexItem style={{ backgroundColor: 'black' }}>
+        <EuiTitle size="l">
+          <h2 style={{ marginLeft: '8px' }}>{props.data.label}</h2>
+        </EuiTitle>
+      </EuiFlexItem>
+      <EuiFlexItem></EuiFlexItem>
+    </EuiFlexGroup>
   );
 }