Use replace accordion with tabs for trials

app.py

@@ -140,39 +140,36 @@ with st.container():
         # TODO replace mock data
         with open("mock_trial.json") as f:
             d = json.load(f)
-        for i in range(0, 5):
+        for i in range(0, 8):
             trials.append(d)
 
-        for trial in trials:
-            with st.expander(f"{trial['protocolSection']['identificationModule']['nctId']}"):
-                official_title = trial["protocolSection"]["identificationModule"][
-                    "officialTitle"
-                ]
-                st.write(f"##### {official_title}")
-
-                brief_summary = trial["protocolSection"]["descriptionModule"]["briefSummary"]
-                st.write(brief_summary)
-
-                status_module = {
-                    "Status": trial["protocolSection"]["statusModule"]["overallStatus"],
-                    "Status Date": trial["protocolSection"]["statusModule"][
-                        "statusVerifiedDate"
-                    ],
-                }
-                st.write("###### Status")
-                st.table(status_module)
-
-                design_module = {
-                    "Study Type": trial["protocolSection"]["designModule"]["studyType"],
-                    # "Phases": trial["protocolSection"]["designModule"]["phases"], # breaks formatting because it is an array
-                    "Allocation": trial["protocolSection"]["designModule"]["designInfo"][
-                        "allocation"
-                    ],
-                    "Participants": trial["protocolSection"]["designModule"]["enrollmentInfo"][
-                        "count"
-                    ],
-                }
-                st.write("###### Design")
-                st.table(design_module)
-
-                # TODO more modules?
+        tab_titles = [f"{trial['protocolSection']['identificationModule']['nctId']}" for trial in trials]
+
+        def render_tab(trial: dict) -> None:
+            official_title = trial["protocolSection"]["identificationModule"]["officialTitle"]
+            st.write(f"##### {official_title}")
+
+            brief_summary = trial["protocolSection"]["descriptionModule"]["briefSummary"]
+            st.write(brief_summary)
+
+            status_module = {
+                "Status": trial["protocolSection"]["statusModule"]["overallStatus"],
+                "Status Date": trial["protocolSection"]["statusModule"]["statusVerifiedDate"],
+            }
+            st.write("###### Status")
+            st.table(status_module)
+
+            design_module = {
+                "Study Type": trial["protocolSection"]["designModule"]["studyType"],
+                # "Phases": trial["protocolSection"]["designModule"]["phases"], # breaks formatting because it is an array
+                "Allocation": trial["protocolSection"]["designModule"]["designInfo"]["allocation"],
+                "Participants": trial["protocolSection"]["designModule"]["enrollmentInfo"]["count"],
+            }
+            st.write("###### Design")
+            st.table(design_module)
+
+        tabs = st.tabs(tab_titles)
+
+        for i in range(0, len(tabs)):
+            with tabs[i]:
+                render_tab(trials[i])