Update app.py

app.py

@@ -238,9 +238,28 @@ def delete_person_ui():
             result = delete_person(name)
             st.success(result)
 
+# Function to display tour steps
 def tour_guide_ui():
     st.title("Tour Guide")
-    display_tour_steps(steps)
+    st.markdown("This tour will guide you through the application.")
+
+    with st.beta_expander("Welcome"):
+        st.write("This is a tour guide to help you navigate through the application.")
+
+    with st.beta_expander("Options Sidebar"):
+        st.write("Here you can select different options such as adding a person, recognizing a face, deleting a person, or recognizing a face with optimal identification.")
+
+    with st.beta_expander("Main Interface"):
+        st.write("This is where the main functionality of the application is displayed.")
+
+    with st.beta_expander("Upload Image"):
+        st.write("You can upload an image here for face recognition or adding a person.")
+
+    with st.beta_expander("Text Input"):
+        st.write("Enter text here such as the person's name or Instagram handle.")
+
+    with st.beta_expander("Buttons"):
+        st.write("Click on these buttons to perform actions like adding a person or recognizing a face.")
 
 # Streamlit interface for user authentication
 def authenticate_user_ui():
@@ -296,32 +315,26 @@ def logout():
 # Define tour steps
 steps = [
     {
-        "element": "h1",
         "title": "Welcome to Insta's EYE",
         "content": "This is a tour guide to help you navigate through the application.",
     },
     {
-        "element": '[aria-label="Select Option"]',
         "title": "Options Sidebar",
         "content": "Here you can select different options such as adding a person, recognizing a face, deleting a person, or recognizing a face with optimal identification.",
     },
     {
-        "element": "div[class='element-container']",
         "title": "Main Interface",
         "content": "This is where the main functionality of the application is displayed.",
     },
     {
-        "element": "[data-testid='stFileUploader']",
         "title": "Upload Image",
         "content": "You can upload an image here for face recognition or adding a person.",
     },
     {
-        "element": "[data-testid='stTextInput']",
         "title": "Text Input",
         "content": "Enter text here such as the person's name or Instagram handle.",
     },
     {
-        "element": "[data-testid='stButton']",
         "title": "Buttons",
         "content": "Click on these buttons to perform actions like adding a person or recognizing a face.",
     },
@@ -341,11 +354,9 @@ def display_tour_steps(steps):
 # Update the main function to include the new option
 def main():
     st.sidebar.title("Options")
-    option = st.sidebar.radio("Select Option", ["Tour Guide", "Add Person", "Recognize Face", "Delete Person", "Recognize Face (Optimal)"])
+    option = st.sidebar.radio("Select Option", ["Add Person", "Recognize Face", "Delete Person", "Recognize Face (Optimal)","Tour Guide"])
     
-    if option == "Tour Guide":
-        tour_guide_ui()
-    elif option == "Add Person":
+    if option == "Add Person":
         add_person_ui()
     elif option == "Recognize Face":
         recognize_face_ui()
@@ -353,6 +364,8 @@ def main():
         delete_person_ui()
     elif option == "Recognize Face (Optimal)":
         recognize_face_optimal_ui()
+    elif option == "Tour Guide":
+        tour_guide_ui()
 
 # Run the tour guide
 if __name__ == "__main__":