Update app.py

app.py

@@ -70,13 +70,21 @@ with gr.Blocks() as app:
             pincode = gr.Number(label="Pincode", value=None, elem_id="pincode_field")
         register_button = gr.Button("Register Patient")
         registration_output = gr.Textbox(label="Registration Output")
-        copy_button = gr.Button("Copy Patient ID")
         hidden_patient_id = gr.Textbox(visible=False)  # Hidden field to store the patient ID
 
         register_button.click(registration_interface, [name, father_name, age, phone, address, pincode], [registration_output, hidden_patient_id])
-        
-        # Add JavaScript to copy the patient ID
-        copy_button.click(None, [], None, _js="(x) => navigator.clipboard.writeText(x)", inputs=[hidden_patient_id])
+
+        # Custom HTML for Copy ID Button
+        copy_id_html = """
+        <button onclick="copyPatientID()" style="background-color: #3b74f2; color: white; padding: 10px; border-radius: 5px; border: none; cursor: pointer;">Copy Patient ID</button>
+        <script>
+            function copyPatientID() {
+                navigator.clipboard.writeText(document.querySelector('#hidden_patient_id textarea').value);
+                alert('Patient ID copied to clipboard');
+            }
+        </script>
+        """
+        gr.HTML(copy_id_html)
 
 # Custom CSS styling
 app.css = """