From c1d817bfe2c28b2ac5c54dbd139d47797f3fb5ed Mon Sep 17 00:00:00 2001
From: Arnab <official.arnabdev@gmail.com>
Date: Mon, 23 Sep 2024 00:07:51 -0500
Subject: [PATCH] chatbot-ui-fixed

---
 legal-ai/src/App.js                 | 4 ++--
 legal-ai/src/components/Home.js     | 2 +-
 legal-ai/src/components/Messages.js | 4 ++--
 legal-ai/src/components/chatbot.js  | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/legal-ai/src/App.js b/legal-ai/src/App.js
index 74b8aba..4ecf8af 100644
--- a/legal-ai/src/App.js
+++ b/legal-ai/src/App.js
@@ -24,12 +24,12 @@ function App() {
   };
 
   return (
-    <div className="relative bg-primary overflow-y-auto">
+    <div className="relative bg-primary overflow-y-auto w-full">
       <SpaceBackground />
       <ChatbotButton setActiveSection={setActiveSection} />
       <div className=' pt-6 min-h-screen w-full'>
         <Header setActiveSection={setActiveSection} language={language} setLanguage={setLanguage} />
-        <div className="pt-[100px]">
+        <div className="pt-[100px] w-full">
           {activeSection === "home" && <Home setActiveSection={setActiveSection} language={language} />}
           {activeSection === "about" && <About language={language} />}
           {activeSection === "chatbot" && <Chatbot userInfo={userInfo} />}
diff --git a/legal-ai/src/components/Home.js b/legal-ai/src/components/Home.js
index f2ddb05..529d486 100644
--- a/legal-ai/src/components/Home.js
+++ b/legal-ai/src/components/Home.js
@@ -53,7 +53,7 @@ const Home = ({ setActiveSection, language }) => {
           >
             {displayedText}
           </motion.div> */}
-          <div className='hover:scale-105 duration-150 text-white bg-[#00000080] hover:bg-purple-300 hover:text-black absolute top-0 right-0 rounded-full md:p-4 py-2 px-3 md:text-[16px] text-[14px] '>
+          <div className='hover:scale-105 duration-150 text-white bg-[#00000080] hover:bg-purple-300 hover:text-black absolute top-0 right-0 rounded-full md:p-4 py-2 px-3 md:text-[16px] text-[14px] cursor-pointer' onClick={() => setActiveSection("questions")}>
             {translations[language].clickForChat}
           </div> 
 
diff --git a/legal-ai/src/components/Messages.js b/legal-ai/src/components/Messages.js
index 73f97b3..7d8fd0d 100644
--- a/legal-ai/src/components/Messages.js
+++ b/legal-ai/src/components/Messages.js
@@ -7,7 +7,7 @@ const Messages = ({ messages }) => {
   return (
     <div className="bg-transparent p-4 rounded-md overflow-y-auto flex flex-col space-y-2 h-auto overflow-visible w-full">
       {messages.length === 0 ? (
-        <p className="text-gray-500 italic text-center">Hi! I'm Mike, your AI law assistant, how can I help you today?</p>
+        <p className="text-purple-300 italic text-center">Hi! I'm Mike, your AI law assistant, how can I help you today?</p>
       ) : (
         messages.map((msg, index) => (
           <div
@@ -15,7 +15,7 @@ const Messages = ({ messages }) => {
             className={`flex flex-col ${msg.sender === 'bot' ? 'items-start' : 'items-end'}`}
           >
             <p className={`text-sm text-white opacity-80 mb-2 ${msg.sender === 'bot' ? 'pl-3' : 'pr-3'}`}>
-              {msg.sender === 'bot' ? 'LegalAI' : 'You'}
+              {msg.sender === 'bot' ? 'Mike' : 'You'}
             </p>
             <div
               className={`overflow-auto max-w-[50%] h-auto p-3 rounded-[20px] shadow-md ${msg.sender === 'bot'
diff --git a/legal-ai/src/components/chatbot.js b/legal-ai/src/components/chatbot.js
index 0a01ffa..488be88 100644
--- a/legal-ai/src/components/chatbot.js
+++ b/legal-ai/src/components/chatbot.js
@@ -87,7 +87,7 @@ const Chatbot = ({ userInfo }) => {
   }, [messages]);
 
   return (
-    <section className="mb-14 flex justify-center items-center w-full">
+    <section className="mb-14 flex justify-center items-center w-screen">
       <div className="bg-transparent shadow-lg rounded-lg px-8 w-full flex justify-center items-center flex-col">
         <div className="flex w-full items-center justify-center flex-col">
           <img src="/logo.png" alt="logo" className="h-8 w-8" />