From 4989d30ec3c97d2869ae0e672d8f39a48beacd52 Mon Sep 17 00:00:00 2001
From: yenminh269 <hhyenminh2001@gmail.com>
Date: Sat, 18 Oct 2025 20:42:09 -0500
Subject: [PATCH] edit add, delete button

---
 web-app/src/components/layouts/chat-layout.jsx |  2 +-
 web-app/src/components/ui/chat/chat-header.jsx | 11 +++++++++--
 web-app/src/components/ui/chat/chat-window.jsx |  1 -
 web-app/src/index.css                          |  5 +++--
 4 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/web-app/src/components/layouts/chat-layout.jsx b/web-app/src/components/layouts/chat-layout.jsx
index fbfb5f0..e6cab2e 100644
--- a/web-app/src/components/layouts/chat-layout.jsx
+++ b/web-app/src/components/layouts/chat-layout.jsx
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import ChatHeader from "src/components/ui/chat/chat-header";
 import ChatWindow from "src/components/ui/chat/chat-window";
 import MessageInput from "src/components/ui/chat/message-input";
-
+import '../../index.css'
 export default function ChatLayout() {
   const [messages, setMessages] = useState([
     {
diff --git a/web-app/src/components/ui/chat/chat-header.jsx b/web-app/src/components/ui/chat/chat-header.jsx
index 97f561b..6240539 100644
--- a/web-app/src/components/ui/chat/chat-header.jsx
+++ b/web-app/src/components/ui/chat/chat-header.jsx
@@ -31,8 +31,15 @@ export default function ChatHeader({ title = "AI Assistant" }) {
             Ask anything — AI is listening
           </p>
         </div>
-        <ActionButton children='New Chat' type="add" onClick={handleNewChat}></ActionButton>
-        <ActionButton children='Delete Chat'type="delete" onClick={handleDeleteChat}></ActionButton>
+      </div>
+      
+      <div className="flex items-center gap-2">
+        <ActionButton type="add" onClick={handleNewChat}>
+          New Chat
+        </ActionButton>
+        <ActionButton type="delete" onClick={handleDeleteChat}>
+          Delete Chat
+        </ActionButton>
       </div>
     </header>
   );
diff --git a/web-app/src/components/ui/chat/chat-window.jsx b/web-app/src/components/ui/chat/chat-window.jsx
index 7e8af82..39a3a0a 100644
--- a/web-app/src/components/ui/chat/chat-window.jsx
+++ b/web-app/src/components/ui/chat/chat-window.jsx
@@ -1,6 +1,5 @@
 import React, { useRef, useEffect } from "react";
 
-
 function MessageBubble({ message }) {
   const isUser = message.role === "user";
   return (
diff --git a/web-app/src/index.css b/web-app/src/index.css
index 9895c36..104725b 100644
--- a/web-app/src/index.css
+++ b/web-app/src/index.css
@@ -1,5 +1,6 @@
-@import "tailwindcss/preflight";
-@import "tailwindcss/utilities";
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
 
 :root {
   --color-primary: 15 40 98;