Added a spinner to prevent the user from interacting with the ui while waiting for the resposne

app.py

@@ -9,8 +9,14 @@ st.title("Transaction Summarizer")
 model_selection = st.radio("Select model to use:", ["Gemma", "Tinyllama"])
 
 # Input for submitting new transactions
-new_transactions = st.text_area("Enter your transactions (comma-separated)").split(',')
-new_transactions = [i.strip() for i in new_transactions if i.strip()]
+new_transactions_input = st.text_area("Enter your transactions (comma-separated)")
+submit_button = st.button("Submit New Transactions", type='primary')
+
+if submit_button:
+    # Split transactions and strip whitespace
+    new_transactions = [i.strip() for i in new_transactions_input.split(',') if i.strip()]
+else:
+    new_transactions = []
 
 # Determine URL based on model selection
 if model_selection == "Gemma":
@@ -18,8 +24,11 @@ if model_selection == "Gemma":
 elif model_selection == "Tinyllama":
     base_url = "https://api.runpod.ai/v2/0wnm75vx5o77s1/"
 
-# Submit button for new transactions
-if st.button("Submit New Transactions"):
+# Processing flag
+processing = False
+
+# When submit button is clicked and there are transactions to process
+if submit_button and new_transactions:
     url = base_url + "run"
     
     # Retrieve API key from Streamlit secrets
@@ -40,6 +49,8 @@ if st.button("Submit New Transactions"):
     # Show a spinner while waiting for the response
     with st.spinner("Processing..."):
         try:
+            processing = True
+
             # Send POST request to start processing
             response = requests.post(url, headers=headers, data=json_data)
             response.raise_for_status()  # Raise an error for bad status codes
@@ -64,8 +75,18 @@ if st.button("Submit New Transactions"):
         except requests.exceptions.RequestException as e:
             st.error(f"An error occurred: {e}")
         finally:
+            processing = False
             st.spinner(False)  # Turn off the spinner after response is received
 
+# Disable input elements while processing
+if processing:
+    st.text_area("Enter your transactions (comma-separated)", value=new_transactions_input, disabled=True)
+    st.radio("Select model to use:", ["Gemma", "Tinyllama"], index=0, disabled=True)
+    st.button("Submit New Transactions", disabled=True)
 else:
-    if st.button("Reset"):
-        st.text_area("Enter your transactions (comma-separated)", value="")
+    st.text_area("Enter your transactions (comma-separated)", value=new_transactions_input)
+    st.radio("Select model to use:", ["Gemma", "Tinyllama"], index=0)
+    st.button("Submit New Transactions")
+
+if st.button("Reset"):
+    st.text_area("Enter your transactions (comma-separated)", value="")