Update app.py

app.py

@@ -187,4 +187,30 @@ if st.session_state.gpt_response is not None:
             md_instructions += f"{instruction['step_number']}. {instruction['instruction']} \n"
         st.markdown(md_instructions)
     except:
-        st.write(loaded_recipe['instructions'])
+        st.write(loaded_recipe['instructions'])
+    # HTML for Share Button and Script
+    share_html = """
+        <hr>
+        <button id="shareButton" style="color: white; background-color: #FF2E63; border: none; border-radius: 4px; padding: 10px 20px; cursor: pointer;">Share Recipe</button>
+        <script>
+            if (navigator.share) {
+                document.getElementById('shareButton').addEventListener('click', async () => {
+                    try {
+                        const shareData = {
+                            title: 'My Awesome Recipe',
+                            text: 'Check out this amazing recipe!',
+                            url: window.location.href,
+                        };
+
+                        await navigator.share(shareData);
+                    } catch(err) {
+                        console.error('Error sharing:', err);
+                    }
+                });
+            } else {
+                console.log('Web Share API not supported');
+                document.getElementById('shareButton').style.display = 'none';
+            }
+        </script>
+    """
+    st.markdown(share_html, unsafe_allow_html=True)