Update app.py

app.py

@@ -5,6 +5,8 @@ from st_aggrid.grid_options_builder import GridOptionsBuilder
 from st_aggrid.shared import JsCode
 from download import download_button
 from st_aggrid import GridUpdateMode, DataReturnMode
+
+# Style
 def _max_width_():
     max_width_str = f"max-width: 1800px;"
     st.markdown(
@@ -17,9 +19,9 @@ def _max_width_():
     """,
         unsafe_allow_html=True,
     )
-st.set_page_config(page_icon="📝", page_title="CSV Dataset Analyzer")
-
-# Title Bar with Images and Icons
+    
+# Page and Title Bar with Images and Icons
+st.set_page_config(page_icon="📝", page_title="📝CSV Data Analyzer📊")
 col1, col2, col3 = st.columns([1,6,1])
 with col1:
     st.image("https://cdna.artstation.com/p/assets/images/images/054/900/558/large/aaron-wacker-pen-and-ink-castle-of-the-light-wing-angels.jpg?1665625788",width=80,)
@@ -28,6 +30,7 @@ with col2:
 with col3:
     st.image("https://cdna.artstation.com/p/assets/images/images/054/900/558/small/aaron-wacker-pen-and-ink-castle-of-the-light-wing-angels.jpg?1665625788",width=80,)
     
+# Upload
 c29, c30, c31 = st.columns([1, 6, 1])
 with c30:
     uploaded_file = st.file_uploader("", key="1", help="To activate 'wide mode', go to the menu > Settings > turn on 'wide mode'",)
@@ -37,12 +40,14 @@ with c30:
         uploaded_file.seek(0)
         file_container.write(shows)
     else:
-        st.info(f"""⬆️Upload a 📝.CSV file.  AI Generated Dataset Examples: [Carddata.csv](https://huggingface.co/datasets/awacke1/Carddata.csv)  [MindfulStory.csv](https://huggingface.co/datasets/awacke1/MindfulStory.csv)  [WikipediaSearch](https://huggingface.co/datasets/awacke1/WikipediaSearch)""")
+        st.info(f"""⬆️Upload a 📝.CSV file.  AI Example Datasets: [Carddata.csv](https://huggingface.co/datasets/awacke1/Carddata.csv)  [MindfulStory.csv](https://huggingface.co/datasets/awacke1/MindfulStory.csv)  [WikipediaSearch](https://huggingface.co/datasets/awacke1/WikipediaSearch)""")
         st.stop()
+
+# DisplayGrid
 gb = GridOptionsBuilder.from_dataframe(shows)
 gb.configure_default_column(enablePivot=True, enableValue=True, enableRowGroup=True)
 gb.configure_selection(selection_mode="multiple", use_checkbox=True)
-gb.configure_side_bar()  # side_bar is clearly a typo :) should by sidebar
+gb.configure_side_bar()
 gridOptions = gb.build()
 st.success(f"""💡 Tip! Hold shift key when selecting rows to select multiple rows at once.""")
 response = AgGrid(
@@ -53,21 +58,17 @@ response = AgGrid(
     data_return_mode=DataReturnMode.FILTERED_AND_SORTED,
     fit_columns_on_grid_load=False,
 )
+
+# Filters
 df = pd.DataFrame(response["selected_rows"])
 st.subheader("Filtered data will appear below 📊 ")
 st.text("")
 st.table(df)
 st.text("")
+
+# Download
 c29, c30, c31 = st.columns([1, 1, 2])
 with c29:
-    CSVButton = download_button(
-        df,
-        "File.csv",
-        "Download CSV file",
-    )
+    CSVButton = download_button(df,"File.csv","Download CSV file",)
 with c30:
-    CSVButton = download_button(
-        df,
-        "File.csv",
-        "Download TXT file",
-    )
+    CSVButton = download_button(df,"File.csv","Download TXT file",)