Add submit button

app.py

@@ -140,7 +140,7 @@ st.markdown("""
     /* Center title */
     h1 {
         text-align: center;
-        color: #2c3e50;            /* Darker blue for headings */
+        color: #FFFFFF;            /* Darker blue for headings */
         margin-bottom: 20px;       /* Spacing below heading */
     }
 
@@ -196,6 +196,7 @@ st.markdown("""
 
 st.title("Zonal Average NDVI Trend Calculator")
 
+input_container = st.container()
 # Function to create dropdowns for date input
 def date_selector(label):
     day = st.selectbox(f"Select {label} day", list(range(1, 32)), key=f"{label}_day")
@@ -211,19 +212,21 @@ def date_selector(label):
         st.write("Invalid date and month !")
         st.stop()
 
-# Create date selectors for start date and end date
-(start_day, start_month), start_year = date_selector("start"), datetime.now().year
-(end_day, end_month), end_year = date_selector("end"), datetime.now().year
+with input_container.form(key='input_form'):
+    # Create date selectors for start date and end date
+    (start_day, start_month), start_year = date_selector("start"), datetime.now().year
+    (end_day, end_month), end_year = date_selector("end"), datetime.now().year
 
-start_date = datetime(day=start_day, month=start_month, year=start_year)
-end_date = datetime(day=end_day, month=end_month, year=end_year)
+    start_date = datetime(day=start_day, month=start_month, year=start_year)
+    end_date = datetime(day=end_day, month=end_month, year=end_year)
 
-max_cloud_cover = st.number_input("Max Cloud Cover", value=20)
+    max_cloud_cover = st.number_input("Max Cloud Cover", value=20)
 
-# Get the geojson file from the user
-uploaded_file = st.file_uploader("Upload KML/GeoJSON file", type=["geojson", "kml"])
+    # Get the geojson file from the user
+    uploaded_file = st.file_uploader("Upload KML/GeoJSON file", type=["geojson", "kml"])
+    submit_button = st.form_submit_button(label='Submit')
 
-if uploaded_file is not None:
+if uploaded_file is not None and submit_button:
     try:
         if uploaded_file.name.endswith("kml"):
             gdf = gpd.read_file(BytesIO(uploaded_file.read()), driver='LIBKML')
@@ -357,14 +360,9 @@ if uploaded_file is not None:
             m.add_layer_control()
             return m
 
-        # Cache the map to avoid recomputation on interaction (faster)
-        @st.cache_resource
-        def get_map():
-            return create_map()
-
         # Create Folium Map object
-        if "map" not in st.session_state:
-          st.session_state["map"] = get_map()
+        if "map" not in st.session_state or submit_button:
+          st.session_state["map"] = create_map()
 
         # Display the map and allow interactions without triggering reruns
         with st.container():
@@ -375,6 +373,3 @@ if uploaded_file is not None:
         st.write('ValueError: "Input must have single polygon geometry"')
         st.write(gdf)
         st.stop()
-
-
-