From 2c83ad2ee552c1b65515fe739798b8196fc636b5 Mon Sep 17 00:00:00 2001
From: Tobias Quadfasel <tquadfasel@ailio.de>
Date: Tue, 3 Sep 2024 15:06:32 +0200
Subject: [PATCH] feat(ai-chat): Add text field to describe manual SQL input
 field

Before, there was no direct description about the usage of the manual
SQL query input field. A plotly dash component was added with a more
precise description for the user.
---
 app/app.py | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/app.py b/app/app.py
index 32cdacb..9b97855 100644
--- a/app/app.py
+++ b/app/app.py
@@ -203,6 +203,13 @@ def get_layout() -> html.Div:
                 "Direkte SQL-Abfrage",
                 style={"margin-left": "20px", "margin-top": "50px", "font-size": 24},
             ),  # SQL Header
+            html.Div(
+                (
+                    "Hier kann der ausgegebene SQL-Code getestet oder mit selbst"
+                    "geschriebenen Code verglichen werden."
+                ),
+                style={"margin-left": "20px", "font-weight": "bold", "font-size": "16px"},
+            ),
             dcc.Textarea(
                 id="sql-input-field",
                 value="(Microsoft) SQL-Abfrage eingeben...",