Update app.py

app.py

@@ -1,51 +1,30 @@
 import streamlit as st
-from PIL import Image, ImageDraw
-import numpy as np
 
-# Function to check if a click is within a clickable area
-def check_click(click_x, click_y, clickable_areas):
-    for area in clickable_areas:
-        x, y, w, h = area["coords"]
-        if x <= click_x <= x + w and y <= click_y <= y + h:
-            return area["label"]
-    return None
-
-# Function to handle the form
-def show_form(area_label):
-    with st.form(f"form_{area_label}"):
-        st.text_input(f"Enter text for {area_label}:")
-        submitted = st.form_submit_button("Submit")
-        if submitted:
-            st.write(f"Form for {area_label} submitted!")
-
-# Load the image
-image = Image.open("test.png")
-
-# Define clickable areas (x, y, width, height)
-clickable_areas = [
-    {"label": "Area 1", "coords": (100, 100, 50, 50)},  # Example coordinates
-    {"label": "Area 2", "coords": (200, 200, 50, 50)},
-    {"label": "Area 3", "coords": (300, 300, 50, 50)}
-]
-
-# Draw * signs on the image to indicate clickable areas
-draw = ImageDraw.Draw(image)
-for area in clickable_areas:
-    x, y = area["coords"][:2]
-    draw.text((x, y), "*", fill="red")
-
-# Display the image and get mouse click coordinates
-st.image(image, caption="Uploaded Image with Clickable Areas", use_container_width=True)
-
-# Simulate a click using Streamlit's interactive input
-click_x = st.number_input("Click X coordinate:", min_value=0, max_value=image.width, value=0)
-click_y = st.number_input("Click Y coordinate:", min_value=0, max_value=image.height, value=0)
-
-# Check if the click is inside any defined area
-clicked_area = check_click(click_x, click_y, clickable_areas)
-
-if clicked_area:
-    st.write(f"You clicked on: {clicked_area}")
-    show_form(clicked_area)
-else:
-    st.write("Click on a valid area to trigger an action.")
+if st.button("Click me"):
+    st.write("Clicked")
+
+st.markdown(
+    """
+    <style>
+    button {
+        background: none!important;
+        border: none;
+        padding: 0!important;
+        color: black !important;
+        text-decoration: none;
+        cursor: pointer;
+        border: none !important;
+    }
+    button:hover {
+        text-decoration: none;
+        color: black !important;
+    }
+    button:focus {
+        outline: none !important;
+        box-shadow: none !important;
+        color: black !important;
+    }
+    </style>
+    """,
+    unsafe_allow_html=True,
+)