Update app.py

app.py

@@ -139,6 +139,27 @@ personalized_data = fetch_personalized_data()
 # Print or use the json_result variable as needed
 print(personalized_data)
 
+demo.launch()
+
+
+def generate_html() -> str:
+    with open(DATA_FILE) as csvfile:
+        reader = csv.DictReader(csvfile)
+        rows = []
+        for row in reader:
+            rows.append(row)
+        rows.reverse()
+        if len(rows) == 0:
+            return "no messages yet"
+        else:
+            html = "<div class='chatbot'>"
+            for row in rows:
+                html += "<div>"
+                html += f"<span>{row['name']}</span>"
+                html += f"<span class='message'>{row['message']}</span>"
+                html += "</div>"
+            html += "</div>"
+            return html
 
 def store_message(name: str, message: str):
     if name and message:
@@ -150,8 +171,22 @@ def store_message(name: str, message: str):
         commit_url = repo.push_to_hub()
     return generate_html()
 
-
-demo.launch()
+iface = gr.Interface(
+    store_message,
+    [
+        inputs.Textbox(placeholder="Your name"),
+        inputs.Textbox(placeholder="Your message", lines=2),
+    ],
+    "html",
+    css="""
+    .message {background-color:cornflowerblue;color:white; padding:4px;margin:4px;border-radius:4px; }
+    """,
+    title="Reading/writing to a HuggingFace dataset repo from Spaces",
+    description=f"This is a demo of how to do simple *shared data persistence* in a Gradio Space, backed by a dataset repo.",
+    article=f"The dataset repo is [{DATASET_REPO_URL}]({DATASET_REPO_URL})",
+)
+
+iface.launch()
 
 
 '''