save

app.py

@@ -442,8 +442,8 @@ def move(board, action, old_pos):
 # Finally use %GAME% to inject the game description above.
 """)
         with gr.Column():
-            im = gr.Gallery(label="Gallery of the Game")
-            im.style(preview=True, object_fit="scale-down", columns=1, container=True)
+            im = gr.Image(label="Gallery of the Game")
+            # im.style(preview=True, object_fit="scale-down", columns=1, container=True)
             msg_box = gr.HTML(label="", show_label=False)
 
             output = gr.Code(label="Generating Game Code (You can also edit and rerun)",  language="python", value="""def my_example():
@@ -472,7 +472,7 @@ def move(board, action, old_pos):
         q = {}
         i = 0
         count = 0
-        im_ = [f"tmp.svg"]
+        im_ = "tmp.svg"
         state_val = None
         yield {im: im_, counter: 0, output: "", msg_box: "", state: state_val}
 
@@ -490,7 +490,7 @@ def move(board, action, old_pos):
                     return
                 draw_board(q["board"].board.grid, i).render_svg("tmp.svg")
                 i += 1
-                im_ = [f"pic{j}.svg" for j in [i-1]]
+                im_ = f"pic{i-1}.svg"
                 yield {im: im_, counter: count, output: prefix}
             else:
                 yield {im: im_, counter: count, output: prefix}
@@ -501,7 +501,7 @@ def move(board, action, old_pos):
             final_msg = "Didn't make it"
         animate(q["board"])
 
-        yield {im: ["movie.gif"], counter: count, output: prefix,
+        yield {im: "movie.gif", counter: count, output: prefix,
                msg_box: final_msg, state: state_val}
 
 
@@ -524,7 +524,7 @@ def move(board, action, old_pos):
                 draw_board(q["board"].board.grid, i)
                 i += 1
         animate(q["board"])
-        out =  {im: [f"movie.gif"], msg_box: ""}
+        out =  {im: f"movie.gif", msg_box: ""}
         print(out)
         return out
     run_btn.click(run2, inputs={output}, outputs={im, msg_box})