Upload app.py

app.py

@@ -36,19 +36,13 @@ h1 {
 # Set up the Streamlit app
 st.markdown(styles, unsafe_allow_html=True)
 
-# Set up the Streamlit app
-st.markdown(styles, unsafe_allow_html=True)
-
 # Custom gradient title
 st.markdown("<h1>CSV appender</h1>", unsafe_allow_html=True)
-st.write("A website that is used for appending multiple csv files and converting them to excel format")
+st.write("A website that is used for appending multiple CSV files and converting them to Excel format")
 
 # File uploader for multiple CSV files
 uploaded_files = st.file_uploader("Upload CSV files", type="csv", accept_multiple_files=True)
 
-# Render the button styles
-st.markdown(styles, unsafe_allow_html=True)
-
 if uploaded_files:
     # Initialize an empty list to store DataFrames
     df_list = []
@@ -77,12 +71,42 @@ if uploaded_files:
 
     with col1:
         # Provide a download button for the merged CSV file
-        if st.button("Append CSV"):
-          csv_output = BytesIO()
-          merged_df.to_csv(csv_output, index=False)
-          csv_output.seek(0)
-          csv_base64 = base64.b64encode(csv_output.getvalue()).decode()
-        
+        if st.button("Convert to CSV"):
+            csv_output = BytesIO()
+            merged_df.to_csv(csv_output, index=False)
+            csv_output.seek(0)
+
+            # Define CSS styles for the button
+            button_styles = """
+            <style>
+            div.stButton > button {
+                color: #ffffff; /* Text color */
+                font-size: 50px;
+                background-image: linear-gradient(0deg, #a689f6 3%, #413bb9 61%);
+                border: none;
+                padding: 10px 20px;
+                cursor: pointer;
+                border-radius: 15px;
+                display: inline-block;
+            }
+            div.stButton > button:hover {
+                background-color: #00ff00; /* Hover background color */
+                color: #ff0000; /* Hover text color */
+            }
+            </style>
+            """
+
+        # Render the button with the specified styles
+            st.markdown(button_styles, unsafe_allow_html=True)
+
+
+
+            st.download_button(
+                label="Download Merged CSV File",
+                data=csv_output,
+                file_name="merged_data.csv",
+                mime="text/csv"
+            )
 
     with col2:
         # Provide an option to convert to Excel
@@ -92,20 +116,36 @@ if uploaded_files:
                 merged_df.to_excel(writer, index=False)
             excel_output.seek(0)
 
-            # Store the Excel output in session state for later download
-            excel_base64 = base64.b64encode(excel_output.getvalue()).decode()
-            st.session_state.excel_data = excel_base64
-            st.session_state.excel_ready = True
-
-    with col3:
-        # Provide a download button for the Excel file if it has been converted
-        if st.button("Download excel"):
-          if st.session_state.get("excel_ready", False):
-              st.markdown(f"""
-              <a href="data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;base64,{st.session_state.excel_data}" download="merged_data.xlsx" class="stButton">
-                  <button>Download excel</button>
-              </a>
-              """, unsafe_allow_html=True)
+            # Define CSS styles for the button
+            button_styles = """
+            <style>
+            div.stButton > button {
+                color: #ffffff; /* Text color */
+                font-size: 50px;
+                background-image: linear-gradient(0deg, #a689f6 3%, #413bb9 61%);
+                border: none;
+                padding: 10px 20px;
+                cursor: pointer;
+                border-radius: 15px;
+                display: inline-block;
+            }
+            div.stButton > button:hover {
+                background-color: #00ff00; /* Hover background color */
+                color: #ff0000; /* Hover text color */
+            }
+            </style>
+            """
+
+        # Render the button with the specified styles
+            st.markdown(button_styles, unsafe_allow_html=True)
+
+            # Provide a download button for the Excel file
+            st.download_button(
+                label="Download Excel",
+                data=excel_output,
+                file_name="merged_data.xlsx",
+                mime="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+            )
 
 else:
-    st.write("")
+    st.write(" ")