Update app.py

app.py

@@ -10,7 +10,7 @@ import numpy as np
 os.environ["GROQ_API_KEY"] = "key"
 
 # Initialize Groq client
-client = Groq(api_key=os.environ.get("key"))
+client = Groq(api_key=os.environ.get("GROQ_API_KEY"))
 
 # Carbon footprint reduction data (kg CO2 per kg recycled)
 carbon_reduction_data = {
@@ -98,10 +98,6 @@ def get_diy_steps_from_groq(item):
     except Exception as e:
         return f"Error fetching DIY instructions: {e}"
 
-# Initialize session state for clicked DIY
-if "clicked_diy" not in st.session_state:
-    st.session_state.clicked_diy = ""
-
 # Sidebar
 st.sidebar.markdown(
     """
@@ -161,17 +157,13 @@ if action == "Upload Image":
             st.write(", ".join(combined_items))
 
             total_carbon_reduction = 0
-            for idx, item in enumerate(combined_items):
+            for item in combined_items:
                 st.markdown(f"**Recycling Idea for {item}:**")
                 response = get_recycling_suggestions_from_groq(item, 1)
-                suggestions = response.split("\n")
-                for suggestion_idx, suggestion in enumerate(suggestions):
-                    if st.button(f"{suggestion}", key=f"{suggestion}_{idx}_{suggestion_idx}"):
-                        st.session_state.clicked_diy = get_diy_steps_from_groq(suggestion)
-
                 carbon_reduction = max(0.5, min(2.5, carbon_reduction_data.get(item.lower(), 0) * 1))
                 total_carbon_reduction += carbon_reduction
 
+                st.write(response)
                 st.markdown(
                     f"""<p style="color: #2e7d32;">🌍 Carbon Footprint Reduction: {carbon_reduction:.2f} kg CO₂</p>""",
                     unsafe_allow_html=True,
@@ -230,12 +222,31 @@ elif action == "Get Suggestions for Items":
             unsafe_allow_html=True,
         )
 
-# Display clicked DIY instructions if available
-if st.session_state.clicked_diy:
-    st.markdown(
-        f"""<div style="padding: 10px; background-color: #f0f4c3; color: #33691e; border-radius: 5px;">
-            <h4>📝 DIY Instructions:</h4>
-            {st.session_state.clicked_diy}
-        </div>""",
-        unsafe_allow_html=True,
-    )
+    # Add session state for DIY instructions
+    if "diy_suggestion" not in st.session_state:
+        st.session_state.diy_suggestion = ""
+
+    suggestion = st.text_input("Enter a suggestion to get DIY instructions:", key="diy_input")
+    if st.button("Generate DIY Instructions"):
+        if suggestion:
+            st.session_state.diy_suggestion = get_diy_steps_from_groq(suggestion)
+
+    if st.session_state.diy_suggestion:
+        st.markdown(
+            f"""<div style="padding: 10px; background-color: #f0f4c3; color: #33691e; border-radius: 5px;">
+                <h4>📝 DIY Instructions:</h4>
+                {st.session_state.diy_suggestion}
+            </div>""",
+            unsafe_allow_html=True,
+        )
+
+# Motivational Message
+st.markdown(
+    """
+    <div style="text-align: center; padding: 20px; background-color: #dcedc8; border-radius: 10px;">
+        <h3 style="color: #33691e;">🌍 Let's Keep Our Planet Green!</h3>
+        <p style="color: #2e7d32;">Recycling is not just an action but a responsibility. Together, we can make a difference. ♻️💚</p>
+    </div>
+    """,
+    unsafe_allow_html=True,
+)