Function PluginIcon

frontend/src/components/PluginIcon.tsx:11–24

({ plugin, size }: { plugin: Plugin, size?: keyof typeof sizes })

}

export function PluginIcon({ plugin, size }: { plugin: Plugin, size?: keyof typeof sizes }) {
    const iconImage = plugin.images.find(v => v.kind === "Icon")

    return <Avatar
        variant="rounded"
        sx={{
            width: sizes[size ?? "m"],
            height: sizes[size ?? "m"],
        }}
        src={iconImage ? pluginImageUrl(plugin.id, iconImage.image_id) : undefined}
    >
        {plugin.name[0] ?? "?"}
    </Avatar>
}