From 64287bd5760ee44b1cfa1e61511f13327111d7be Mon Sep 17 00:00:00 2001
From: ramnique <30795890+ramnique@users.noreply.github.com>
Date: Thu, 23 Jan 2025 12:00:55 +0530
Subject: [PATCH] improve compose box size and button ui

---
 .../projects/[projectId]/playground/compose-box.tsx   | 11 +++++------
 .../app/projects/[projectId]/workflow/copilot.tsx     |  8 ++++----
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/apps/rowboat/app/projects/[projectId]/playground/compose-box.tsx b/apps/rowboat/app/projects/[projectId]/playground/compose-box.tsx
index d2279798..52929ea3 100644
--- a/apps/rowboat/app/projects/[projectId]/playground/compose-box.tsx
+++ b/apps/rowboat/app/projects/[projectId]/playground/compose-box.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import { Button, Spinner, Textarea } from "@nextui-org/react";
+import { CornerDownLeftIcon } from "lucide-react";
 import { useRef, useState, useEffect } from "react";
 import { apiV1 } from "rowboat-shared";
 import { z } from "zod";
@@ -48,22 +49,20 @@ export function ComposeBox({
         variant="bordered"
         placeholder="Enter message..."
         minRows={minRows}
-        maxRows={5}
+        maxRows={15}
         value={input}
         onValueChange={setInput}
         onKeyDown={handleInputKeyDown}
         disabled={disabled}
         className="w-full"
         endContent={<Button
+            size="sm"
             isIconOnly
             disabled={disabled}
             onClick={handleInput}
             className="bg-gray-100"
         >
-            {!loading && <svg className="w-6 h-6" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-                <path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" d="M12 6v13m0-13 4 4m-4-4-4 4" />
-            </svg>}
-            {loading && <Spinner size="sm" />}
+            <CornerDownLeftIcon size={16} />
         </Button>}
     />;
-}
\ No newline at end of file
+}
diff --git a/apps/rowboat/app/projects/[projectId]/workflow/copilot.tsx b/apps/rowboat/app/projects/[projectId]/workflow/copilot.tsx
index 46d6ac2c..7e95af2a 100644
--- a/apps/rowboat/app/projects/[projectId]/workflow/copilot.tsx
+++ b/apps/rowboat/app/projects/[projectId]/workflow/copilot.tsx
@@ -10,6 +10,7 @@ import clsx from "clsx";
 import { Action as WorkflowDispatch } from "./workflow_editor";
 import MarkdownContent from "@/app/lib/components/markdown-content";
 import { CopyAsJsonButton } from "../playground/copy-as-json-button";
+import { CornerDownLeftIcon, SendIcon } from "lucide-react";
 
 
 const CopilotContext = createContext<{
@@ -77,19 +78,18 @@ function ComposeBox({
         variant="bordered"
         placeholder="Enter message..."
         minRows={3}
-        maxRows={5}
+        maxRows={15}
         value={input}
         onValueChange={setInput}
         onKeyDown={handleInputKeyDown}
         className="w-full"
         endContent={<Button
+            size="sm"
             isIconOnly
             onClick={handleInput}
             className="bg-gray-100"
         >
-            <svg className="w-6 h-6" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-                <path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" d="M12 6v13m0-13 4 4m-4-4-4 4" />
-            </svg>
+            <CornerDownLeftIcon size={16} />
         </Button>}
     />
 }