Add a button to see more results when needed

Middle_School_Card_Search.py

@@ -5,9 +5,20 @@ import streamlit_common.lib as lib
 import streamlit_common.locale
 
 mslist_path = "output/middleschool_extra_fields.csv"
-number_shown_results = 20
 _ = streamlit_common.locale.get_locale()
 
+if "number_shown_results" not in st.session_state:
+    st.session_state["number_shown_results"] = 20
+
+
+def add_more_results():
+    st.session_state["number_shown_results"] += 20
+
+
+def reset_more_results():
+    st.session_state["number_shown_results"] = 20
+
+
 st.set_page_config(
     page_title="MTG Middle School | Card Search",
     page_icon="🃏",
@@ -61,9 +72,20 @@ if results_df.shape[0] < mslist_df.shape[0]:
             f'✅ [{cardname}]({lib.compose_scryfall_url(exact_match[1])}) {_["search"]["exact_match"][l]}'
         )
     st.write(f'**{results_df.shape[0]}**{_["search"]["cards_found"][l]}')
-    if results_df.shape[0] > number_shown_results:
+    if results_df.shape[0] > st.session_state["number_shown_results"]:
         st.write(_["search"]["top_results"][l])
+
     results_df["link"] = results_df["name"].apply(lib.compose_scryfall_url)
-    results_df[:number_shown_results].transpose().apply(lib.row_to_link)
+    results_df[: st.session_state["number_shown_results"]].transpose().apply(
+        lib.row_to_link
+    )
+
+    if results_df.shape[0] > st.session_state["number_shown_results"]:
+        st.button(label=_["search"]["see_more"][l], on_click=add_more_results)
+    if st.session_state["number_shown_results"] > 20:
+        st.button(
+            label=_["search"]["see_20"][l],
+            on_click=reset_more_results,
+        )
 
 streamlit_common.footer.write_footer()

streamlit_common/locale.py

@@ -38,6 +38,14 @@ def get_locale():
                 "en": "Top results:",
                 "ja": "上位の検索結果：",
             },
+            "see_more": {
+                "en": "See more",
+                "ja": "さらに見る",
+            },
+            "see_20": {
+                "en": "Only show 20",
+                "ja": "20枚に戻す",
+            },
         },
         "check": {
             "title": {