Upload folder using huggingface_hub

test.py

@@ -1,5 +1,4 @@
 import gradio as gr
-import os
 
 def create_policy_image_modal_app():
     modal_css = """
@@ -38,6 +37,7 @@ def create_policy_image_modal_app():
         border: none;
         border-radius: 4px;
         padding: 5px 15px;
+        z-index: 1001;
     }
 
     .img-container {
@@ -53,6 +53,17 @@ def create_policy_image_modal_app():
         border: 1px solid #ddd;
         border-radius: 6px;
     }
+
+    .open-policy-btn {
+        background-color: #FCA539;
+        color: #000;
+        font-weight: bold;
+        padding: 10px 20px;
+        border: none;
+        border-radius: 6px;
+        font-size: 16px;
+        cursor: pointer;
+    }
     """
 
     modal_html = """
@@ -65,6 +76,8 @@ def create_policy_image_modal_app():
         </div>
     </div>
 
+    <button class="open-policy-btn" onclick="document.getElementById('imgModal').style.display='block'; document.body.style.overflow='hidden';">📄 View Hate Speech Policy</button>
+
     <script>
     document.addEventListener('click', function(e) {
         const modal = document.getElementById('imgModal');
@@ -73,29 +86,13 @@ def create_policy_image_modal_app():
             document.body.style.overflow = 'auto';
         }
     });
-
-    function showPolicyModal() {
-        const modal = document.getElementById('imgModal');
-        if (modal) {
-            modal.style.display = 'block';
-            document.body.style.overflow = 'hidden';
-        }
-    }
     </script>
     """
 
     with gr.Blocks(css=modal_css) as app:
-        gr.Markdown("## Hate Speech Policy Viewer (Image-based Modal)")
+        gr.Markdown("# Policy Viewer Demo")
         gr.HTML(modal_html)
 
-        open_button = gr.Button("📄 View Policy (Image Popup)")
-        open_button.click(
-            fn=None,
-            inputs=None,
-            outputs=None,
-            _js="showPolicyModal"
-        )
-
     return app
 
 if __name__ == "__main__":