resolving gif issue

app.py

@@ -8,6 +8,7 @@ import random
 import numpy.random as npr
 import sys
 import imageio
+import numpy as np
 
 # sys.path.append('./code')
 
@@ -222,7 +223,7 @@ def run_main_app(semantic_concept, word, prompt_suffix, font_name, num_steps, se
         img = img[:, :, 3:4] * img[:, :, :3] + torch.ones(img.shape[0], img.shape[1], 3, device=device) * (
                     1 - img[:, :, 3:4])
         img = img[:, :, :3]
-        gif_frames += [img.detach().cpu().numpy()]
+        gif_frames += [img.detach().cpu().numpy()*255]
 
         
         filename = os.path.join(cfg.experiment_dir, "video-svg", f"iter{step:04d}.svg")
@@ -259,7 +260,7 @@ def run_main_app(semantic_concept, word, prompt_suffix, font_name, num_steps, se
     combine_word(cfg.word, cfg.optimized_letter, cfg.font, cfg.experiment_dir, device)
 
     filename = os.path.join(cfg.experiment_dir, "final.gif")
-    imageio.mimsave(filename, gif_frames)
+    imageio.mimsave(filename, np.array(gif_frames).astype(np.uint8))
 
     yield gr.update(value=filename_init,visible=True),gr.update(visible=False),gr.update(value=filename,visible=True)
  
@@ -357,7 +358,7 @@ with gr.Blocks() as demo:
         with gr.Column():
             result0 = gr.Image(type="filepath", label="Initial Word").style(height=250)
             result1 = gr.Image(type="filepath", label="Optimization Process").style(height=300)
-            result2 = gr.Video(type="filepath", label="Final Result",visible=False).style(height=300)
+            result2 = gr.Image(type="filepath", label="Final Result",visible=False).style(height=300)
             
         
     with gr.Row():