Update app.py

app.py

@@ -5,7 +5,7 @@ import os
 
 # Related third-party imports
 import streamlit as st
-from streamlit_elements import elements
+from streamlit_elements import elements, mui, html
 from google_auth_oauthlib.flow import Flow
 from googleapiclient.discovery import build
 from dotenv import load_dotenv
@@ -448,15 +448,28 @@ def show_model_type_selector():
 def show_tabular_data(df, co):
     st.write("Data Table with Relevancy Scores")
     
-    # Create a copy of the dataframe to modify
-    df_display = df.copy()
-    
-    # Function to calculate relevancy score for a single row
-    def calculate_single_relevancy(row):
-        content = fetch_content(row['page'])
-        score = calculate_relevance_score(content, row['query'], co)
-        return score
+    # Pagination
+    rows_per_page = 10
+    total_rows = len(df)
+    total_pages = (total_rows - 1) // rows_per_page + 1
 
+    if 'current_page' not in st.session_state:
+        st.session_state.current_page = 1
+
+    # Pagination controls
+    col1, col2, col3 = st.columns([1,3,1])
+    with col1:
+        if st.button("< Prev", disabled=st.session_state.current_page == 1):
+            st.session_state.current_page -= 1
+    with col2:
+        st.write(f"Page {st.session_state.current_page} of {total_pages}")
+    with col3:
+        if st.button("Next >", disabled=st.session_state.current_page == total_pages):
+            st.session_state.current_page += 1
+
+    start_idx = (st.session_state.current_page - 1) * rows_per_page
+    end_idx = start_idx + rows_per_page
+    
     # Display column headers
     cols = st.columns([3, 2, 1, 1, 1, 1, 1, 1])
     headers = ['Page', 'Query', 'Clicks', 'Impressions', 'CTR', 'Position', 'Relevancy Score', 'Competitors']
@@ -464,7 +477,7 @@ def show_tabular_data(df, co):
         col.write(f"**{header}**")
 
     # Display each row
-    for index, row in df_display.iterrows():
+    for index, row in df.iloc[start_idx:end_idx].iterrows():
         cols = st.columns([3, 2, 1, 1, 1, 1, 1, 1])
         cols[0].write(row['page'])
         cols[1].write(row['query'])
@@ -476,17 +489,20 @@ def show_tabular_data(df, co):
         # Relevancy Score column
         if pd.isna(row['relevancy_score']) or row['relevancy_score'] == 0:
             if cols[6].button("Calculate", key=f"calc_{index}"):
-                score = calculate_single_relevancy(row)
-                df.at[index, 'relevancy_score'] = score
-                df_display.at[index, 'relevancy_score'] = score
+                with st.spinner('Calculating...'):
+                    elements.mui.CircularProgress(size=20)
+                    score = calculate_single_relevancy(row)
+                    df.at[index, 'relevancy_score'] = score
                 st.experimental_rerun()
         else:
             cols[6].write(f"{row['relevancy_score']:.4f}")
         
         # Competitors column
-        if cols[7].button("Show Competitors", key=f"comp_{index}"):
+        competitor_button = cols[7].button("Show Competitors", key=f"comp_{index}", disabled=pd.isna(row['relevancy_score']) or row['relevancy_score'] == 0)
+        if competitor_button:
             st.write(f"Competitor Analysis for: {row['query']}")
             with st.spinner('Analyzing competitors...'):
+                elements.mui.CircularProgress(size=20)
                 results_df = analyze_competitors(row, co)
                 
                 # Sort the results by relevancy score in descending order