Update app.py

app.py

@@ -15,24 +15,30 @@ fig_bar = px.bar(df, x="Fruit", y="Amount", color="City", barmode="group")
 # Create another figure for a line chart
 fig_line = px.line(df, x="Fruit", y="Amount", color="City")
 
-# Create a session state for navigation
+# Session state for navigation
 if 'current_step' not in st.session_state:
     st.session_state['current_step'] = 1
 
 # Define navigation functions
-def go_to_step_1():
-    st.session_state['current_step'] = 1
-
-def go_to_step_2():
-    st.session_state['current_step'] = 2
+def go_to_step(step):
+    st.session_state['current_step'] = step
 
 # Layout
 st.title('Interactive Dashboard with Steps')
 
-# Step navigation
+col1, col2 = st.columns(2)
+with col1:
+    # "Previous" button will be disabled on the first step
+    prev_disabled = st.session_state['current_step'] == 1
+    st.button('Previous Step', on_click=lambda: go_to_step(st.session_state['current_step'] - 1), disabled=prev_disabled)
+
+with col2:
+    # "Next" button will be disabled on the last step
+    next_disabled = st.session_state['current_step'] == 2
+    st.button('Next Step', on_click=lambda: go_to_step(st.session_state['current_step'] + 1), disabled=next_disabled)
+
+# Display the appropriate chart based on the current step
 if st.session_state['current_step'] == 1:
     st.plotly_chart(fig_bar)
-    st.button('Next Step', on_click=go_to_step_2)
 elif st.session_state['current_step'] == 2:
-    st.plotly_chart(fig_line)
-    st.button('Previous Step', on_click=go_to_step_1)
+    st.plotly_chart(fig_line)