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

"add delete button functionality"

Browse source
This commit is contained in:
yenminh269 2025-10-18 21:47:00 -05:00
commit 0f12533873
2 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
web-app/src/components/layouts/chat-layout.jsx
View file

@ -24,11 +24,16 @@ export default function ChatLayout() {
}, 600); }, 600);
} }
function handleDeleteAll() {
if (!window.confirm("Delete all messages?")) return;
setMessages([]);
}
return ( return (
<div className="flex flex-col"> <div className="flex flex-col">
<ChatHeader /> <ChatHeader />
<ChatWindow messages={messages} /> <ChatWindow messages={messages} />
<MessageInput onSend={handleSend} /> <MessageInput onSend={handleSend} onDeleteAll={handleDeleteAll} />
</div> </div>
); );
} }

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

@ -2,7 +2,7 @@ import React, { useState } from "react";
import DeleteButton from "src/components/ui/button/delete-button"; import DeleteButton from "src/components/ui/button/delete-button";
import DownButton from "../button/down-button"; import DownButton from "../button/down-button";
export default function MessageInput({ onSend }) { export default function MessageInput({ onSend, onDeleteAll }) {
const [text, setText] = useState(""); const [text, setText] = useState("");
function handleSubmit(e) { function handleSubmit(e) {
@ -15,7 +15,7 @@ export default function MessageInput({ onSend }) {
return ( return (
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<div className="flex justify-between"> <div className="flex justify-between">
<DeleteButton></DeleteButton> <DeleteButton onClick={onDeleteAll}></DeleteButton>
<DownButton></DownButton> <DownButton></DownButton>
</div> </div>
<form onSubmit={handleSubmit} className="bg-gray-900 rounded-2xl"> <form onSubmit={handleSubmit} className="bg-gray-900 rounded-2xl">