feat: Add Separator to FunctionEditor

ozhanefemeral · Aug 2, 2024 · 2b55df8 · 2b55df8
1 parent a1cb036
commit 2b55df8
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/apps/next/components/editor/FunctionEditor.tsx b/apps/next/components/editor/FunctionEditor.tsx
@@ -4,6 +4,7 @@ import { FunctionCombobox } from "../FunctionCombobox";
 import { useCodeGenerator } from "@/contexts/CodeGeneratorContext";
 import { Input } from "@ui/input";
 import { Button } from "@ui/button";
+import { Separator } from "@ui/separator";
 
 export const FunctionEditor: React.FC<{ block: FunctionCallBlock }> = ({
   block,
@@ -63,11 +64,15 @@ export const FunctionEditor: React.FC<{ block: FunctionCallBlock }> = ({
   return (
     <React.Fragment>
       <FunctionCombobox onSelect={handleSelect} />
-      <Input
-        value={variableName}
-        onChange={(e) => setVariableName(e.target.value)}
-      />
-      <Button onClick={handleRename}>Rename</Button>
+      <Separator orientation="vertical" />
+      <div className="flex gap-x-2">
+        <Input
+          value={variableName}
+          onChange={(e) => setVariableName(e.target.value)}
+        />
+        <Button onClick={handleRename}>Rename</Button>
+      </div>
+      <Separator orientation="vertical" />
     </React.Fragment>
   );
 };