add showing cancel

app.py

@@ -10,18 +10,20 @@ SET_IMG_KEY = "set_img"
 OUTPUT_IMG_KEY = "output_img"
 
 # For multithreading toggle (prevent function from running too many time)
-process_runnning = False
+process_running = False
 process_thread = None
+cancel_label = st.empty()
 
 def toggle_process(process_running, process_thread, run_process):
-    if process_runnning:
+    if process_running:
         # Toggle off
         process_running = False
-        st.write("Cancled")
+        cancel_label.text("Canceled")
         if process_thread: # Kill Thread
             process_thread.join()
     else:
         # Toggle on
+        cancel_label.empty()
         process_running = True
         process_thread = Thread(target=run_process)
         process_thread.start()
@@ -63,8 +65,8 @@ def generate_button(prefix, file_input, version, **kwargs):
         value="1,2,3,4,5,6,7,8",
         key=f"{prefix}-ref_char_ids",
         )
-
-    if st.button("Generate image", key=f"{prefix}-btn"):
+    
+    if st.button("Generate image", key=f"{prefix}-btn") and process_running == False:
         with st.spinner(f"⏳ Generating image (5 minutes per n_sample estimated time)"):
             image = toggle_process( ttf_to_image(file_input, OUTPUT_IMG_KEY, n_samples, ref_char_ids, version) )
             set_img(OUTPUT_IMG_KEY, image.copy())