Add finish button

app.py

@@ -197,6 +197,7 @@ with gr.Blocks() as demo:
                 + """ </p>
                     """
             ),
+            gr.Button(visible=False),
         ]
 
         # Return the initial output components
@@ -237,6 +238,7 @@ with gr.Blocks() as demo:
                     gr.Textbox(visible=False),
                     gr.Button(visible=False),
                     gr.Markdown(visible=False),
+                    gr.Button(visible=False),
                 ]
             )
 
@@ -257,6 +259,7 @@ with gr.Blocks() as demo:
                     gr.Textbox(visible=False),
                     gr.Button(visible=False),
                     gr.Markdown(visible=False),
+                    gr.Button(visible=False),
                 ]
             )
 
@@ -276,6 +279,7 @@ with gr.Blocks() as demo:
                     gr.Textbox(visible=False),
                     gr.Button(visible=False),
                     gr.Markdown(visible=False),
+                    gr.Button(visible=False),
                 ]
 
             else:
@@ -294,6 +298,7 @@ with gr.Blocks() as demo:
                         gr.Textbox(visible=False),
                         gr.Button(visible=False),
                         gr.Markdown(visible=False),
+                        gr.Button(visible=False),
                     ]
                 )
 
@@ -312,6 +317,7 @@ with gr.Blocks() as demo:
                     gr.Textbox(visible=False),
                     gr.Button(visible=False),
                     gr.Markdown(visible=False),
+                    gr.Button(visible=False),
                 ]
             )
 
@@ -336,6 +342,7 @@ with gr.Blocks() as demo:
                     gr.Textbox(visible=False),
                     gr.Button(visible=False),
                     gr.Markdown(visible=False),
+                    gr.Button(visible=False),
                 ]
             )
 
@@ -394,8 +401,9 @@ with gr.Blocks() as demo:
                             visible=True,
                         ),
                         gr.Textbox(curiosity, visible=True, label=Menu["Curiosity"]),
-                        gr.Button(Menu["Play_again"], visible=True),
+                        gr.Button(Menu["Play_again"], variant="primary", visible=True),
                         gr.Markdown(visible=False),
+                        gr.Button(visible=True),
                     ]
                 )
 
@@ -413,6 +421,7 @@ with gr.Blocks() as demo:
                     gr.Textbox(hint_out if hint else "", visible=hint, label="Pista"),
                     gr.Button(visible=False),
                     gr.Markdown(ranking_md, visible=ranking_vis),
+                    gr.Button(visible=False),
                 ]
             )
 
@@ -431,6 +440,7 @@ with gr.Blocks() as demo:
                     gr.Textbox(visible=False),
                     gr.Button(visible=False),
                     gr.Markdown(visible=False),
+                    gr.Button(visible=False),
                 ]
             )
 
@@ -452,6 +462,12 @@ with gr.Blocks() as demo:
         but = gr.Button(Menu["Start"])
         give_up = gr.Button("Pista", visible=False)
         reload = gr.Button(Menu["Play_again"], visible=False)
+    finish = gr.Button(
+        "Terminar y rellenar cuestionario",
+        variant="stop",
+        link="https://docs.google.com/forms/u/2/d/1Iq-T9OKAvYyoxwN-njjljzJgnUxYlnqMCctUGg_PUjE/edit?usp=forms_home&ths=true",
+        visible=False,
+    )
 
     # Define the UI events for the game
 
@@ -472,19 +488,31 @@ with gr.Blocks() as demo:
     reload.click(
         reset,
         inputs=[difficulty],
-        outputs=[state, out, inp, img, but, radio, hint_out, reload, header],
+        outputs=[state, out, inp, img, but, radio, hint_out, reload, header, finish],
     )
     demo.load(
         reset,
         inputs=[difficulty],
-        outputs=[state, out, inp, img, but, radio, hint_out, reload, header],
+        outputs=[state, out, inp, img, but, radio, hint_out, reload, header, finish],
     )
 
     # Define events that trigger the game state update
     state.change(
         update,
         inputs=[state, radio, inp, hint],
-        outputs=[state, but, radio, out, give_up, inp, img, hint_out, reload, ranking],
+        outputs=[
+            state,
+            but,
+            radio,
+            out,
+            give_up,
+            inp,
+            img,
+            hint_out,
+            reload,
+            ranking,
+            finish,
+        ],
     )
 
 if __name__ == "__main__":