move indices

app.py

@@ -21,6 +21,9 @@ def update_index(direction, current_index, output_text):
     if direction == 0:
         # Random number
         new_index = random.randint(0, len(data) - 1)
+    elif direction == 10:
+        # Next
+        new_index = current_index
     else:
         new_index = current_index + direction
         # Ensure the new index is within bounds
@@ -37,7 +40,19 @@ with gr.Blocks() as demo:
     btn_random = gr.Button(value="Random index")
 
     # Initialize the state
-    current_index = gr.State(1)
+    current_index = gr.Number(
+        1,
+        label="Current Index",
+        visible=True,
+    )
+
+    direction_constant = gr.Number(10, visible=False)
+
+    current_index.change(
+        update_index,
+        inputs=[direction_constant, current_index, output_text],
+        outputs=[current_index, output_text],
+    )
 
     # Invisible Number components to pass direction
     direction_previous = gr.Number(-1, visible=False)