Update app.py

app.py

@@ -33,8 +33,36 @@ if uploaded_file is not None:
     with col1:
         st.image(image, caption="Original Image", use_column_width=False, width=250)
 
-    # Apply transformations based on the user selection
-    if col2.button("Apply", key=operation):  # Show button between images
+    # Variables to store slider values
+    new_width = None
+    new_height = None
+    crop_values = None
+    angle = None
+    pixel_size = None
+    quality = None
+
+    # Display sliders based on operation, but only apply when the button is pressed
+    if operation == "Resize":
+        new_width = st.slider("Resize Image - Width", 50, 500, 100)
+        new_height = st.slider("Resize Image - Height", 50, 500, 100)
+
+    elif operation == "Crop":
+        crop_values = st.slider("Crop Image - (left, upper, right, lower)", 0, 100, (10, 10, 90, 90))
+
+    elif operation == "Rotate":
+        angle = st.slider("Rotate Image", 0, 360, 0)
+
+    elif operation == "Pixelate":
+        pixel_size = st.slider("Pixelate Image", 1, 20, 10)
+
+    elif operation == "Compress":
+        quality = st.slider("Compress Image (Quality)", 10, 100, 80)
+
+    # Apply button with dynamic label based on the operation
+    apply_button_label = f"Apply {operation}"
+    
+    if col2.button(apply_button_label):
+        # Only generate the output when the "Apply" button is clicked
         with col3:
             # Mirror Operation
             if operation == "Mirror":
@@ -47,9 +75,7 @@ if uploaded_file is not None:
                 st.download_button("Download Image", data=buffered.getvalue(), file_name="mirrored_image.png", mime="image/png")
 
             # Resize Operation
-            elif operation == "Resize":
-                new_width = st.slider("Resize Image - Width", 50, 500, 100)
-                new_height = st.slider("Resize Image - Height", 50, 500, 100)
+            elif operation == "Resize" and new_width and new_height:
                 resized_image = image.resize((new_width, new_height))
                 st.image(resized_image, caption=" ", use_column_width=False, width=250)
 
@@ -59,8 +85,7 @@ if uploaded_file is not None:
                 st.download_button("Download Image", data=buffered.getvalue(), file_name="resized_image.png", mime="image/png")
 
             # Crop Operation
-            elif operation == "Crop":
-                crop_values = st.slider("Crop Image - (left, upper, right, lower)", 0, 100, (10, 10, 90, 90))
+            elif operation == "Crop" and crop_values:
                 cropped_image = image.crop(crop_values)
                 st.image(cropped_image, caption=" ", use_column_width=False, width=250)
 
@@ -70,8 +95,7 @@ if uploaded_file is not None:
                 st.download_button("Download Image", data=buffered.getvalue(), file_name="cropped_image.png", mime="image/png")
 
             # Rotate Operation
-            elif operation == "Rotate":
-                angle = st.slider("Rotate Image", 0, 360, 0)
+            elif operation == "Rotate" and angle is not None:
                 rotated_image = image.rotate(angle)
                 st.image(rotated_image, caption=" ", use_column_width=False, width=250)
 
@@ -91,8 +115,7 @@ if uploaded_file is not None:
                 st.download_button("Download Image", data=buffered.getvalue(), file_name="bw_image.png", mime="image/png")
 
             # Pixelate Operation
-            elif operation == "Pixelate":
-                pixel_size = st.slider("Pixelate Image", 1, 20, 10)
+            elif operation == "Pixelate" and pixel_size:
                 small = image.resize((image.width // pixel_size, image.height // pixel_size), Image.NEAREST)
                 pixelated_image = small.resize((image.width, image.height), Image.NEAREST)
                 st.image(pixelated_image, caption=" ", use_column_width=False, width=250)
@@ -103,8 +126,7 @@ if uploaded_file is not None:
                 st.download_button("Download Image", data=buffered.getvalue(), file_name="pixelated_image.png", mime="image/png")
 
             # Compress Operation
-            elif operation == "Compress":
-                quality = st.slider("Compress Image (Quality)", 10, 100, 80)
+            elif operation == "Compress" and quality:
                 compressed_image = image.copy()  # In real-world, this should apply compression logic
                 st.image(compressed_image, caption=" ", use_column_width=False, width=250)