devaine/CodeRED-Astra
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(buttons): added flame and down button

Browse source
This commit is contained in:
JK-le-dev 2025-10-18 20:31:35 -05:00
commit c9327b3ec3
5 changed files with 42 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

35
web-app/src/components/ui/chat/message-input.jsx
View file

@ -1,4 +1,6 @@
import React, { useState } from "react";
import DeleteButton from "src/components/ui/button/delete-button";
import DownButton from "../button/down-button";
export default function MessageInput({ onSend }) {
const [text, setText] = useState("");
@ -11,18 +13,27 @@ export default function MessageInput({ onSend }) {
}
return (
<form onSubmit={handleSubmit} className="bg-gray-900 rounded-2xl">
<div className="flex p-4 shadow-xl">
<input
value={text}
onChange={(e) => setText(e.target.value)}
placeholder="Type a message..."
className="flex-1 rounded-md shadow-2sx border-none focus:border-none focus:outline-none"
/>
<button type="submit" className="">
Send
</button>
<div className="flex flex-col gap-2">
<div className="flex justify-between">
<DeleteButton></DeleteButton>
<DownButton></DownButton>
</div>
</form>
<form onSubmit={handleSubmit} className="bg-gray-900 rounded-2xl">
<div className="flex p-2 shadow-xl">
<input
value={text}
onChange={(e) => setText(e.target.value)}
placeholder="Type a message..."
className="flex-1 mx-2 rounded-md shadow-2sx border-none focus:border-none focus:outline-none"
/>
<button
type="submit"
className="px-4 py-2 bg-gray-700 rounded-xl ml-4"
>
Send
</button>
</div>
</form>
</div>
);
}