Well_Being / app.py
sitammeur's picture
Update app.py
3e92877 verified
# Necessary Imports
import warnings
warnings.filterwarnings("ignore")
import gradio as gr
# Import the necessary functions from the src folder
from src.app.chat import query_message
from src.app.llm_response import llm_response
# HTML Content for the Interface
TITLE = """<h1 align="center">Well Being πŸ’¬</h1>"""
SUBTITLE = """<h2 align="center">End Preventable Child Deaths: Join the Global Effort to Save Children's Lives!</h2>"""
DESCRIPTION = """
<div
style="
text-align: center;
display: flex;
justify-content: center;
align-items: center;
"
>
<p>
We aim to reduce child mortality globally. πŸ‘ΆπŸ» Our goals are under-5
mortality of ≀25 per 1,000 live births πŸ“‰ and neonatal mortality of ≀12 per
1,000. πŸ“‰ This requires preventing newborn and early childhood deaths
worldwide. ✊ Together, we can give every child a healthy start to life! 🌍
</p>
</div>
"""
# Interface Code using Gradio
with gr.Blocks(theme=gr.themes.Soft()) as app:
# Add HTML Content
gr.HTML(TITLE)
gr.HTML(SUBTITLE)
gr.HTML(DESCRIPTION)
with gr.Row():
# Image UI
image_box = gr.Image(type="filepath", height=750)
# Chat UI
chatbot = gr.Chatbot(
scale=2,
height=750,
type="tuples",
show_share_button=True,
show_copy_button=True,
examples=[
{
"text": "Hello! and welcome to Well Being πŸ’¬",
"image": None,
},
{
"text": "Chat with me to get started! 😊",
"image": None,
},
],
)
text_box = gr.Textbox(
placeholder="Enter your message here...",
container=True,
)
# Button to Submit the Input and Generate Response
btn = gr.Button("Submit")
clicked = btn.click(query_message, [chatbot, text_box, image_box], chatbot).then(
llm_response, [chatbot, text_box, image_box], chatbot
)
# Launch the Interface
app.queue()
app.launch(debug=False)