Update app.py

app.py

@@ -780,74 +780,47 @@ def side():
         
         
                 
-        st.subheader("Show My TrustBuilders®")
+         st.subheader("Show My TrustBuilders®")
         search_query = st.text_input("Search by keyword", key="search_query")
-        brand_search = st.text_input("Or, Brand/Product/Person", key="brand_search")
         
-        # Show Button Positioned Correctly
-        st.markdown('<div class="show-button-container">', unsafe_allow_html=True)
-        if st.button("Show", key="show_button", help="Click to show TrustBuilders"):
-            st.write(f"Filtering TrustBuilders for bucket '{search_query}' and keyword '{brand_search}'")
-            trustbuilders = fetch_trustbuilders(user_id)
-            results = [
-                tb for tb in trustbuilders.values()
-                if (not search_query or tb.startswith(f"{search_query}:")) and
-                   (not brand_search or brand_search.lower() in tb.lower())
-            ]
-            if results:
-                for result in results:
-                    st.markdown(f"- {result}")
-            else:
-                st.write("No TrustBuilders found.")
-        st.markdown("</div>", unsafe_allow_html=True)
+        # Dropdown for selecting Trust Bucket
+        trust_buckets = ["Stability", "Development", "Relationship", "Benefit", "Vision", "Competence"]
+        selected_bucket = st.selectbox("Select Trust Bucket", trust_buckets, key="selected_bucket")
         
-        st.write("Choose the Trust Bucket® by clicking an image:")
-        st.markdown('<div class="image-container">', unsafe_allow_html=True)
-        for bucket, in image_files:
+        if st.button("Show", key="show_button"):
+            st.write(f"Filtering TrustBuilders for keyword='{search_query}' and bucket='{selected_bucket}'")
             try:
-               
-                    # Display clickable image as a button
-                    if st.button(label="", key=f"filter_{bucket}", help=f"Filter by {bucket}"):
-                        st.write(f"You clicked on {bucket} bucket!")
-                    st.markdown(
-                        f"""
-                        <div class="image-wrapper">
-                            <img src="{img_path}" alt="{bucket}" title="{bucket}">
-                        </div>
-                        """,
-                        unsafe_allow_html=True,
-                    )
-                
+                # Fetch TrustBuilders
+                trustbuilders = fetch_trustbuilders("user_id_placeholder")
+                results = []
+                for bucket, contents in trustbuilders.items():
+                    if selected_bucket == "All" or selected_bucket == bucket:
+                        for content in contents:
+                            if not search_query or search_query.lower() in content.lower():
+                                results.append(f"{bucket}: {content}")
+                if results:
+                    for result in results:
+                        st.markdown(f"- {result}")
+                else:
+                    st.write("No TrustBuilders found.")
             except Exception as e:
-                st.error(f"Error loading image {img_path}: {e}")
-        st.markdown("</div>", unsafe_allow_html=True)
-            
-            # Save TrustBuilders Section
+                st.error(f"Error fetching TrustBuilders: {e}")
+        
+    
+        # Save TrustBuilders Section
         st.subheader("Save TrustBuilders®")
         brand = st.text_input("Brand/Product/Person", key="brand_input_save")
-        trust_builder_text = st.text_area("Type/paste Trust Builder®", height=100)
+        trust_builder_text = st.text_area("Type/paste Trust Builder®", key="trust_builder_text_save", height=100)
         
-        if trust_builder_text.strip():
-            st.write("Choose the Trust Bucket® by clicking on an image to save:")
-            st.markdown('<div class="image-container">', unsafe_allow_html=True)
-            for bucket, img_path in image_files:
-                try:
-                    # Display clickable image for saving
-                    if st.button(label="", key=f"save_{bucket}", help=f"Save to {bucket}"):
-                        save_trustbuilder(user_id, trust_builder_text.strip(), bucket)
-                    st.markdown(
-                        f"""
-                        <div class="image-wrapper">
-                            <img src="{img_path}" alt="{bucket}" title="{bucket}">
-                        </div>
-                        """,
-                        unsafe_allow_html=True,
-                    )
-                except FileNotFoundError:
-                    st.warning(f"Image not found: {img_path}")
-            st.markdown("</div>", unsafe_allow_html=True)
-        else:
-            st.warning("Please enter a Trust Builder text to save.")
+        # Dropdown for selecting Trust Bucket to save into
+        selected_save_bucket = st.selectbox("Choose Trust Bucket to Save", trust_buckets[1:], key="save_bucket")
+        
+        # Save button
+        if st.button("Save TrustBuilder", key="save_button"):
+            if selected_save_bucket and trust_builder_text.strip():
+                save_trustbuilder("user_id_placeholder", trust_builder_text.strip(), selected_save_bucket)
+            else:
+                st.warning("Please fill in all fields before saving.")