Update app.py

app.py

@@ -8,7 +8,6 @@ from langchain.chains import LLMChain, RetrievalQA
 import gspread
 from oauth2client.service_account import ServiceAccountCredentials
 import json
-
 import gspread
 from oauth2client.service_account import ServiceAccountCredentials
 import json
@@ -22,6 +21,7 @@ service_account_info = json.loads(GOOGLE_SERVICE_ACCOUNT_JSON)
 creds = ServiceAccountCredentials.from_json_keyfile_dict(service_account_info, scope)
 client = gspread.authorize(creds)
 sheet = client.open("users feedback").sheet1  # Replace with your Google Sheet name
+
 # Function to save user feedback to Google Sheets
 def save_feedback(user_input, bot_response, rating, comment):
     feedback = [user_input, bot_response, rating, comment]
@@ -97,53 +97,16 @@ st.markdown("""
     .centered-text {
         text-align: center;
     }
-    .stars {
-        font-size: 24px;
-        color: lightgray;
-        cursor: pointer;
-    }
-    .stars:hover,
-    .stars.selected {
-        color: gold;
-    }
-    .stars.filled {
-        color: gold;
+    .centered-orange-text {
+        text-align: center;
+        color: darkorange;
     }
     </style>
     """, unsafe_allow_html=True)
 
-# Star rating system with JavaScript
-st.markdown("""
-    <script>
-    function setRating(starId) {
-        const stars = document.querySelectorAll('.stars');
-        stars.forEach(star => star.classList.remove('filled'));
-        document.querySelectorAll('.stars').forEach(star => {
-            if (star.dataset.rating <= starId) {
-                star.classList.add('filled');
-            }
-        });
-        document.getElementById('rating').value = starId;
-    }
-    document.addEventListener('DOMContentLoaded', (event) => {
-        document.querySelectorAll('.stars').forEach(star => {
-            star.addEventListener('click', () => {
-                setRating(star.dataset.rating);
-            });
-        });
-    });
-    </script>
-    """, unsafe_allow_html=True)
-
-# Display star rating
-st.markdown('<div class="stars" data-rating="1">&#9733;</div>', unsafe_allow_html=True)
-st.markdown('<div class="stars" data-rating="2">&#9733;</div>', unsafe_allow_html=True)
-st.markdown('<div class="stars" data-rating="3">&#9733;</div>', unsafe_allow_html=True)
-st.markdown('<div class="stars" data-rating="4">&#9733;</div>', unsafe_allow_html=True)
-st.markdown('<div class="stars" data-rating="5">&#9733;</div>', unsafe_allow_html=True)
-
-# Hidden input field to store the rating value
-st.markdown('<input type="hidden" id="rating" value="0">', unsafe_allow_html=True)
+# Use the CSS classes to style the text
+st.markdown('<h3 class="centered-text">🤖 AlteriaChat 🤖</h3>', unsafe_allow_html=True)
+st.markdown('<p class="centered-orange-text">"Votre Réponse à Chaque Défi Méthodologique"</p>', unsafe_allow_html=True)
 
 # Input and button for user interaction
 user_input = st.text_input("You:", "")
@@ -158,27 +121,14 @@ if submit_button:
 
         # Feedback form
         st.markdown("### Rate the response:")
-        st.markdown('<p>Please click on the stars to rate the response.</p>', unsafe_allow_html=True)
-        st.markdown('<p id="rating-value">Rating: 0</p>', unsafe_allow_html=True)
+        rating = st.slider("Select a rating:", min_value=1, max_value=5, value=1)
 
         st.markdown("### Leave a comment:")
         comment = st.text_area("")
 
-        # Update rating value on star click
-        st.markdown("""
-            <script>
-            document.querySelectorAll('.stars').forEach(star => {
-                star.addEventListener('click', function() {
-                    document.getElementById('rating-value').innerText = 'Rating: ' + this.dataset.rating;
-                });
-            });
-            </script>
-            """, unsafe_allow_html=True)
-
         # Feedback submission
         if st.button("Submit Feedback"):
-            rating = st.text_input("Rating", value="0")
-            if comment.strip() and rating != "0":
+            if comment.strip() and rating:
                 save_feedback(user_input, bot_response, rating, comment)
                 st.success("Thank you for your feedback!")
             else: