WIP

@@ -45,6 +45,7 @@ function App() {
     let chatLogNew = [...chatLog, { user: "me", message: `${chatInput}`} ]
     let chatLogNew = [...chatLog, { user: "me", message: `${chatInput}`} ]
     setChatInput("");
     setChatInput("");
     setChatLog(chatLogNew)
     setChatLog(chatLogNew)
+    console.log(chatInput)
     // fetch response to the api combining the chat log array of messages and seinding it as a message to localhost:3000 as a post
     // fetch response to the api combining the chat log array of messages and seinding it as a message to localhost:3000 as a post
     const messages = chatLogNew.map((message) => message.message).join("\n")
     const messages = chatLogNew.map((message) => message.message).join("\n")
 
 
@@ -60,7 +61,7 @@ function App() {
       });
       });
     const data = await response.json();
     const data = await response.json();
     const parsedData = data.message.trim();
     const parsedData = data.message.trim();
-    console.log(parsedData)
+    // console.log(parsedData)
     const programmingKeywords = ['code', 'application', 'controller', 'rails' , 'PHP', 'java', 'javascript', 'script', 'console', 'python', 'programming', 'table'];
     const programmingKeywords = ['code', 'application', 'controller', 'rails' , 'PHP', 'java', 'javascript', 'script', 'console', 'python', 'programming', 'table'];
 
 
     const regex = new RegExp(`\\b(${programmingKeywords.join('|')})\\b`, 'gi');
     const regex = new RegExp(`\\b(${programmingKeywords.join('|')})\\b`, 'gi');

-import OpenAISVGLogo from './OpenAISVGLogo'
+// import OpenAISVGLogo from './OpenAISVGLogo'
 
 
 // Primary Chat Window
 // Primary Chat Window
 const ChatBox = ({chatLog, setChatInput, handleSubmit, chatInput}) =>
 const ChatBox = ({chatLog, setChatInput, handleSubmit, chatInput}) =>
@@ -26,7 +26,7 @@ const ChatMessage = ({ message }) => {
     <div className={`chat-message ${message.user === "gpt" && "chatgpt"}`}>
     <div className={`chat-message ${message.user === "gpt" && "chatgpt"}`}>
     <div className="chat-message-center">
     <div className="chat-message-center">
       <div className={`avatar ${message.user === "gpt" && "chatgpt"}`}>
       <div className={`avatar ${message.user === "gpt" && "chatgpt"}`}>
-        {message.user === "gpt" ? <img className="ai-logo" src="../assets/images/bot.png" width="30px"/> : <img className="ai-logo" src="../assets/images/user.svg" />}
+        {message.user === "gpt" ? <img className="ai-logo" alt="Ai-pro bot" src="../assets/images/bot.png" width="30px"/> : <img className="ai-logo" alt="Ai-pro user" src="../assets/images/user.svg" />}
       </div>
       </div>
       {/* <div className="message">
       {/* <div className="message">
         {message.message}
         {message.message}

 const SideMenu = ({ clearChat, currentModel, setCurrentModel, models, setTemperature, temperature }) =>
 const SideMenu = ({ clearChat, currentModel, setCurrentModel, models, setTemperature, temperature }) =>
 <aside className="sidemenu">
 <aside className="sidemenu">
   <div className="ai-logo-container">
   <div className="ai-logo-container">
-    <img className="ai-logo" src="../assets/images/AIPRO-WHITE.png" height="50px"/>
+    <img className="ai-logo" alt="Ai-pro logo" src="../assets/images/AIPRO-WHITE.png" height="50px"/>
   </div>
   </div>
       <div className="side-menu-button" onClick={clearChat}>
       <div className="side-menu-button" onClick={clearChat}>
         <span>+</span>
         <span>+</span>