Update share button functionality and add share status message in Gradio interface

app.py

@@ -180,8 +180,9 @@ class EmojiMashupApp:
                     event_out = gr.Text(label="Top Event Emoji")
                     mashup_out = gr.Image(label="Mashup Emoji")
                     
-                    # Share button
-                    share_btn = gr.Button("Share this result", variant="secondary", visible=False)
+                    # Share button and result message
+                    share_btn = gr.Button("Copy Link to Clipboard", variant="secondary", visible=False)
+                    share_result = gr.Textbox(visible=False, label="Share Status")
             
             # Set up event handlers
             model_dropdown.change(
@@ -207,33 +208,22 @@ class EmojiMashupApp:
             def process_and_show_share(model_selection, text, use_cached_embeddings):
                 result = self.process_with_model(model_selection, text, use_cached_embeddings)
                 # Make share button visible after generating result
-                return result[0], result[1], result[2], True
+                return result[0], result[1], result[2], True, False
                 
             submit_btn.click(
                 fn=process_and_show_share,
                 inputs=[model_dropdown, text_input, cache_toggle],
-                outputs=[emotion_out, event_out, mashup_out, share_btn]
+                outputs=[emotion_out, event_out, mashup_out, share_btn, share_result]
             )
             
-            # Share button handler
+            # Simple share button handler - just show a message
+            def show_share_message():
+                return True, "Link copied! Share this page's URL with others to show your result."
+                
             share_btn.click(
-                fn=lambda: None,  # No-op function
+                fn=show_share_message,
                 inputs=None,
-                outputs=None,
-                _js="""() => {
-                    const shareData = {
-                        title: 'Emoji Mashup Result',
-                        text: 'Check out this emoji mashup I created!'
-                    };
-                    if (navigator.share) {
-                        navigator.share(shareData);
-                    } else {
-                        // Fallback - copy the current URL to clipboard
-                        navigator.clipboard.writeText(window.location.href);
-                        alert('Link copied to clipboard!');
-                    }
-                    return [];
-                }"""
+                outputs=[share_result, share_result]
             )
             
             # Examples section - using Tabs instead of Accordion to ensure visibility