Update

app.py

@@ -6,16 +6,40 @@ st.title("Code Arena")
 with st.spinner("Loading data...", show_time=True):
     ds = load_dataset("Elfsong/leetcode_data", split='train')
 
-tab_problem, tab_model = st.tabs(["Problems", "Models"])
+tab_problem, tab_submission, tab_model = st.tabs(["Problems", "Submissions", "Models"])
+
+@st.dialog("Problem Submission")
+def problem_submission(item):
+    st.write(f"Why is {item['problem_id']} your favorite?")
 
 with tab_problem:
-    for problem in ds:
-        with st.container(border=True):
-            id_col, title_col, difficulty_col, dp_col = st.columns([1,5,1,1])
-            id_col.write(problem['problem_id'])
-            title_col.write(problem['title'])
-            difficulty_col.write(problem['difficulty'])
-            dp_col.write(0)
+    df = pd.DataFrame(
+        {
+            "name": ["Roadmap", "Extras", "Issues"],
+            "url": ["https://roadmap.streamlit.app", "https://extras.streamlit.app", "https://issues.streamlit.app"],
+            "stars": [random.randint(0, 1000) for _ in range(3)],
+            "views_history": [[random.randint(0, 5000) for _ in range(30)] for _ in range(3)],
+        }
+    )
+    st.dataframe(
+        df,
+        column_config={
+            "name": "App name",
+            "stars": st.column_config.NumberColumn(
+                "Github Stars",
+                help="Number of stars on GitHub",
+                format="%d ⭐",
+            ),
+            "url": st.column_config.LinkColumn("App URL"),
+            "views_history": st.column_config.LineChartColumn(
+                "Views (past 30 days)", y_min=0, y_max=5000
+            ),
+        },
+        hide_index=True,
+    )
+
+with tab_submission:
+    st.header("Submissions")
 
 with tab_model:
     st.header("Models")