Update app.py

app.py

@@ -69,52 +69,51 @@ def displayResults(results, container):
     for result in results:
         container.header(result['name'])
         container.text(f"Language: {result['language']}")
-        container.caption(f"Released in:{result['year']}")
+        container.text(f"Released in:{result['year']}")
         cast = ",".join(result['cast'])
-        container.caption(f"Cast:{result['cast']}")
+        container.text(f"Cast:{result['cast']}")
         container.markdown(f'''{result['plot']}''')
-        movieLink = f"[{result['name']}](https://en.wikipedia.org{result['link']}"
-        container.markdown(f"""[{result['name']}](https://en.wikipedia.org{result['link']}""",unsafe_allow_html=True)
+        container.markdown(f"""[{result['name']}](https://en.wikipedia.org{result['link']})""",unsafe_allow_html=True)
         with container.expander("Movie result internals"):
             container.text("JSON Result:")
             container.json(result)
         container.divider()
 
 st.title("Semantic Indian Movie Search");
-#appTab, detailsTab = st.tabs(["App", "Details"])
-#with appTab:
+appTab, detailsTab = st.tabs(["App", "App Technical Details"])
+with appTab:
     
-st.markdown(
-    """
-  - Search for movie names based on the plot. 
-  - The corpus is made up of Hindi, Telugu, Tamil, Kannada, Bengali, Malayalam, Odiya, Marathi, Punjabi & Gujarathi movies released between 1950 and 2023.
-  - The app understands the context of the query and returns the results from the datastore.""")
-
-top_k = st.slider("Number of Top Hits Generated",min_value=1,max_value=100,value=15)
-
-#st.subheader(f"Search Query: {query}")
-search_query = st.text_input("Please enter your search query here",value="",key="text_input")
-#search = st.button("Search",key='search_but', help='Click to Search!!')
-ranked_hits = []
-
-if len(search_query)>0:
-    with st.spinner(
-        text="Searching for relevant movie plots for given query..."
-    ):
-        ranked_hits = search(search_query,top_k)
-if(len(ranked_hits)>0):
-    st.success("Matches found!!")
+    st.markdown(
+        """
+      - Search for movie names based on the plot. 
+      - The corpus is made up of Hindi, Telugu, Tamil, Kannada, Bengali, Malayalam, Odiya, Marathi, Punjabi & Gujarathi movies released between 1950 and 2023.
+      - The app understands the context of the query and returns the results from the datastore.""")
     
-st.divider()
-resultContainer = st.container()
-resultContainer.subheader("Results:")
-resultContainer.caption(f"Search Query: {search_query}")
-displayResults(ranked_hits,resultContainer)
-resultContainer.markdown("\n-------------------------\n")
-
-st.divider()
+    top_k = st.slider("Number of Top Hits Generated",min_value=1,max_value=100,value=15)
+    
+    #st.subheader(f"Search Query: {query}")
+    search_query = st.text_input("Please enter your search query here",value="",key="text_input")
+    #search = st.button("Search",key='search_but', help='Click to Search!!')
+    ranked_hits = []
+    
+    if len(search_query)>0:
+        with st.spinner(
+            text="Searching for relevant movie plots for given query..."
+        ):
+            ranked_hits = search(search_query,top_k)
+    if(len(ranked_hits)>0):
+        st.success("Matches found!!")
+        
+    st.divider()
+    resultContainer = st.container()
+    resultContainer.subheader("Results:")
+    resultContainer.caption(f"Search Query: {search_query}")
+    displayResults(ranked_hits,resultContainer)
+    resultContainer.markdown("\n-------------------------\n")
+    
+    st.divider()
 
-with st.expander("App techinical details"):
+with detailsTab:
     st.header("App details")
     
     st.markdown(