From 5c0ea3f6d8d446f72e5c1df92ca58ce535f2d4f5 Mon Sep 17 00:00:00 2001
From: Emir Karabeg <emirkarabeg@berkeley.edu>
Date: Fri, 17 Jan 2025 10:33:58 -0800
Subject: [PATCH] Finalized action bar for now

---
 app/w/[id]/workflow.tsx                                       | 1 -
 app/w/components/workflow-block/action-block/action-block.tsx | 2 +-
 app/w/components/workflow-block/workflow-block.tsx            | 4 ++--
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/app/w/[id]/workflow.tsx b/app/w/[id]/workflow.tsx
index 4642fe74bd..1a76e1b4a2 100644
--- a/app/w/[id]/workflow.tsx
+++ b/app/w/[id]/workflow.tsx
@@ -192,7 +192,6 @@ function WorkflowCanvas() {
         }`
 
         addBlock(id, type, name, position)
-        setSelectedBlock(id)
       } catch (err) {
         console.error('Error dropping block:', err)
       }
diff --git a/app/w/components/workflow-block/action-block/action-block.tsx b/app/w/components/workflow-block/action-block/action-block.tsx
index 5800d850a0..b79269d08c 100644
--- a/app/w/components/workflow-block/action-block/action-block.tsx
+++ b/app/w/components/workflow-block/action-block/action-block.tsx
@@ -10,7 +10,7 @@ export function ActionBar({ blockId }: ActionBarProps) {
   const removeBlock = useWorkflowStore((state) => state.removeBlock)
 
   return (
-    <div className="absolute -top-20 left-0 right-0 flex items-center justify-between gap-2 p-2 bg-white rounded-md shadow-sm border border-gray-200 animate-in fade-in slide-in-from-top-2">
+    <div className="absolute -top-20 right-0 inline-flex items-center gap-2 p-2 bg-white rounded-md shadow-sm border border-gray-200 animate-in fade-in slide-in-from-bottom-2">
       <Button
         variant="ghost"
         size="sm"
diff --git a/app/w/components/workflow-block/workflow-block.tsx b/app/w/components/workflow-block/workflow-block.tsx
index ae373bd702..b230c5b56c 100644
--- a/app/w/components/workflow-block/workflow-block.tsx
+++ b/app/w/components/workflow-block/workflow-block.tsx
@@ -50,7 +50,7 @@ export function WorkflowBlock({
   const subBlockRows = groupSubBlocks(workflow.subBlocks)
 
   return (
-    <Card className="w-[320px] shadow-md select-none group relative">
+    <Card className="w-[320px] shadow-md select-none group relative [&:active]:cursor-grabbing cursor-grab">
       {selected && <ActionBar blockId={id} />}
 
       <Handle
@@ -75,7 +75,7 @@ export function WorkflowBlock({
         <span className="font-medium text-md">{name}</span>
       </div>
 
-      <div className="px-4 pt-3 pb-4 space-y-4">
+      <div className="px-4 pt-3 pb-4 space-y-4 cursor-pointer">
         {subBlockRows.map((row, rowIndex) => (
           <div key={`row-${rowIndex}`} className="flex gap-4">
             {row.map((subBlock, blockIndex) => (