first version

.streamlit/config.toml

@@ -0,0 +1,2 @@
+[theme]
+base="dark"

app.py

@@ -0,0 +1,61 @@
+import random
+import time
+
+import requests
+import streamlit as st
+
+random.seed(42)
+
+backend_url = "https://sebastianschramm-qa-api.hf.space/answer/"
+
+assistant_avatar = "bot_avatar.jpeg"
+user_avatar = "user_avatar.jpeg"
+
+st.set_page_config(page_title="Olympics 2024 Paris", page_icon=assistant_avatar)
+
+
+def stream_bot_message(msg):
+    message_placeholder = st.empty()
+    displayed_message = ""
+
+    for char in msg:
+        displayed_message += char
+        message_placeholder.chat_message("assistant", avatar=assistant_avatar).write(
+            displayed_message
+        )
+        delay = random.randint(1, 8)
+        time.sleep(0.01 * delay)
+
+
+svg_url = "https://eu.ftp.opendatasoft.com/paris2024/emblem-white.svg"
+st.markdown(
+    f"""
+    <div style="display: flex; justify-content: center;">
+        <img src="{svg_url}" alt="SVG Image" style="width:20%; height:auto;">
+    </div>
+    """,
+    unsafe_allow_html=True,
+)
+st.title("FAQs Olympics 2024 Paris")
+st.markdown(
+    "A chatbot for the Olympics 2024 in Paris. The tool is based on [open data](https://data.paris2024.org/pages/accueil/)"
+)
+if "messages" not in st.session_state:
+    st.session_state["messages"] = [
+        {"role": "assistant", "content": "How can I help you?"}
+    ]
+
+for msg in st.session_state.messages:
+    st.chat_message(msg["role"], avatar=assistant_avatar).write(msg["content"])
+
+if question := st.chat_input():
+    print(f"User question: {question}")
+    st.session_state.messages.append({"role": "user", "content": question})
+    st.chat_message("user", avatar=user_avatar).write(question)
+    response = requests.post(backend_url, json={"question": question})
+    print(response)
+    if response.status_code == 200:
+        msg = response.json()["answer"]
+        print(f"Bot answer: {msg}| Question was: {question}")
+        st.session_state.messages.append({"role": "agent", "content": msg})
+        stream_bot_message(msg)