Update app.py

app.py

@@ -4,43 +4,46 @@ import pandas as pd
 # Load the exported Notion CSV file
 df = pd.read_csv("JournalDB 1cfe54e949178196af93d90c73636f9d.csv")  # Adjust to your actual column names if needed
 
-def search_papers(query):
-    # Filter the dataframe based on the search query
-    filtered = df[df['Paper name'].str.contains(query, case=False, na=False) |
-                  df['Note'].str.contains(query, case=False, na=False)]
+def filter_table(query):
+    if query.strip() == "":
+        filtered = df.copy()
+    else:
+        filtered = df[df['Paper name'].str.contains(query, case=False, na=False) |
+                      df['Note'].str.contains(query, case=False, na=False)]
 
-    # Define a futuristic CSS style and wrap the results in a table
+    # Minimal modern CSS styling
     style = """
     <style>
-    .futuristic-table {
+    .styled-table {
         width: 100%;
         border-collapse: collapse;
         font-family: 'Segoe UI', sans-serif;
-        color: #00ffe7;
-        background-color: #0d1117;
-        border: 1px solid #30363d;
-        border-radius: 10px;
+        color: #e0e0e0;
+        background-color: #1e1e1e;
+        border: 1px solid #333;
+        border-radius: 8px;
+        box-shadow: 0 0 12px #00000044;
         overflow: hidden;
-        box-shadow: 0 0 20px #00ffe7aa;
     }
-    .futuristic-table th {
-        background-color: #161b22;
-        color: #58a6ff;
+    .styled-table th {
+        background-color: #2c2c2c;
         padding: 10px;
-        border-bottom: 2px solid #30363d;
+        text-align: left;
+        color: #64b5f6;
+        border-bottom: 2px solid #444;
     }
-    .futuristic-table td {
-        padding: 12px;
-        border-bottom: 1px solid #30363d;
+    .styled-table td {
+        padding: 10px;
+        border-bottom: 1px solid #333;
     }
-    .futuristic-table tr:hover {
-        background-color: #1c2128;
+    .styled-table tr:hover {
+        background-color: #2a2a2a;
     }
     </style>
     """
 
-    html_table = f"{style}<table class='futuristic-table'>"
-    html_table += "<tr><th>📄 Paper</th><th>📝 Note</th><th>✅ Status</th></tr>"
+    html_table = f"{style}<table class='styled-table'>"
+    html_table += "<tr><th>Paper</th><th>Note</th><th>Status</th></tr>"
 
     for _, row in filtered.iterrows():
         html_table += f"<tr><td>{row['Paper name']}</td><td>{row['Note']}</td><td>{row['Status']}</td></tr>"
@@ -48,13 +51,14 @@ def search_papers(query):
     html_table += "</table>"
     return html_table
 
-# Gradio UI
+# Gradio Interface
 demo = gr.Interface(
-    fn=search_papers,
-    inputs=gr.Textbox(label="🔍 Search Your Papers"),
+    fn=filter_table,
+    inputs=gr.Textbox(label="Search"),
     outputs=gr.HTML(label="Results"),
-    title="📚 Futuristic Paper Notes Explorer",
-    description="Search your Notion-exported reading notes in style."
+    title="Reading Notes Viewer",
+    description="Browse and search through your reading notes."
 )
 
 demo.launch()
+