fixed bugs

main.py

@@ -1,3 +1,4 @@
+import datetime
 import os
 
 import openai
@@ -23,15 +24,18 @@ app.mount("/static", StaticFiles(directory="static", html=True), name="static")
 # with the dialog form the user and bot
 templates = Jinja2Templates(directory="templates")
 
+index = initialize_index("index.json")
+
 @app.get("/", response_class=HTMLResponse)
 async def home(request: Request):
     return templates.TemplateResponse('chat.html', {"request": request})
 
 @app.get("/chat")
 async def chat(input: str):
+    print("input: ", input)
     bot_reply = index.query(input)
     return {"bot_reply": bot_reply}
 
 if __name__ == "__main__":
-    index = initialize_index("index.json")
+    # index = initialize_index("index.json")
     uvicorn.run("main:app", reload=True)

static/script.js

@@ -3,7 +3,7 @@ const msgerInput = get(".msger-input");
 const msgerChat = get(".msger-chat");
 
 // Icons made by Freepik from www.flaticon.com
-const BOT_IMG = "./icons/dialogflow-insights-svgrepo-com.svg";
+const BOT_IMG = "../static/icons/dialogflow-insights-svgrepo-com.svg";
 const PERSON_IMG = "";
 const BOT_NAME = "    ChatBot";
 const PERSON_NAME = "You";
@@ -24,7 +24,6 @@ function appendMessage(name, img, side, text) {
     const msgHTML = `
                 <div class="msg ${side}-msg">
                 <div class="msg-img" style="background-image: url(${img})"></div>
-
                 <div class="msg-bubble">
                     <div class="msg-info">
                         <div class="msg-info-name">${name}</div>
@@ -44,13 +43,13 @@ function appendMessage(name, img, side, text) {
 
 async function botResponse(text) {
     // Bot Response
-    const response = await fetch("chat?input=${text}");
+    console.log(text);
+    const response = await fetch(`chat?input=${text}`);
     const json = await response.json();
 
-    console.log(text);
     console.log(json);
 
-    appendMessage(BOT_NAME, BOT_IMG, "left", json.bot_reply);
+    appendMessage(BOT_NAME, BOT_IMG, "left", json.bot_reply.response);
 }
 
 // Utils

templates/base.html

@@ -8,7 +8,6 @@
     <title>{% block title %}{% endblock %}</title>
     <link rel="stylesheet" href="{{ url_for('static', path='styles/chat.css') }}">
     <link rel="stylesheet" href="{{ url_for('static', path='styles/login.css') }}"> 
-    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> -->
     <script type="module" src="../static/script.js"></script>
 </head>
 

templates/chat.html

@@ -13,13 +13,13 @@
 
         <main class="msger-chat">
             <div class="msg left-msg">
-                <div class="msg-img" style="background-image: url(https://image.flaticon.com/icons/svg/327/327779.svg)">
+                <div class="msg-img" style="background-image: url(../static/icons/dialogflow-insights-svgrepo-com.svg)">
                 </div>
 
                 <div class="msg-bubble">
                     <div class="msg-info">
                         <div class="msg-info-name">Chatbot</div>
-                        <div class="msg-info-time">{}</div>
+                        <div class="msg-info-time">${}</div>
                     </div>
 
                     <div class="msg-text">