ColorPicker examples not displayed in examples dataset component

[freddyaboulton]

Describe the bug

When running an app with ColorPicker examples, the example colors are not displayed in the examples dataset/dataframe.

The color is being correctly selected and displayed in the ColorPicker component though, which makes me think the backend logic is sound and it's a problem specific to the Dataset UI component.

Is there an existing issue for this?

• I have searched the existing issues

Reproduction

Run demo/color_picker/run.py with the following modifications (setting red and blue as example colors)

import gradio as gr
import numpy as np
from PIL import Image, ImageColor



def change_color(icon, color):


    """
    Function that given an icon in .png format changes its color
    Args:
        icon: Icon whose color needs to be changed.
        color: Chosen color with which to edit the input icon.
    Returns:
        edited_image: Edited icon.
    """
    img = icon.convert("LA")
    img = img.convert("RGBA")
    image_np = np.array(icon)
    _, _, _, alpha = image_np.T
    mask = (alpha > 0)
    image_np[..., :-1][mask.T] = ImageColor.getcolor(color, "RGB")
    edited_image = Image.fromarray(image_np)
    return edited_image


inputs = [
        gr.Image(label="icon", type="pil", image_mode="RGBA"),
        gr.ColorPicker(label="color")
    ]
outputs = gr.Image(label="colored icon")

demo = gr.Interface(
    fn=change_color,
    inputs=inputs,
    outputs=outputs,
    examples=[["/Users/freddy/sources/gradio/demo/blocks_inputs/lion.jpg", "#ff0000"],
              ["/Users/freddy/sources/gradio/demo/blocks_inputs/lion.jpg", "#0000FF"]]
)

if __name__ == "__main__":
    demo.launch()

Screenshot

Logs

-

System Info

On main

Severity

annoying