apunkt/rowboat
1
0
Fork 0
mirror of https://github.com/rowboatlabs/rowboat.git synced 2026-05-13 17:22:37 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

improve compose box size and button ui

Browse source
This commit is contained in:
ramnique 2025-01-23 12:00:55 +05:30
parent f739d85cb7
commit 64287bd576
2 changed files with 9 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

11
apps/rowboat/app/projects/[projectId]/playground/compose-box.tsx
View file

@ -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>}
/>;
}
}

8
apps/rowboat/app/projects/[projectId]/workflow/copilot.tsx
View file

@ -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>}
/>
}