diff --git a/ui/admin/app/components/agent/icon/AgentIcon.tsx b/ui/admin/app/components/agent/icon/AgentIcon.tsx index 1da320fa1..db3fc690a 100644 --- a/ui/admin/app/components/agent/icon/AgentIcon.tsx +++ b/ui/admin/app/components/agent/icon/AgentIcon.tsx @@ -85,12 +85,25 @@ type AgentIconProps = { export function AgentIcon({ icons, onChange, name }: AgentIconProps) { const { theme } = useTheme(); const [imageUrlDialogOpen, setImageUrlDialogOpen] = useState(false); + const [showFallback, setShowFallback] = useState(false); const { icon = "", iconDark = "" } = icons ?? {}; const isDarkMode = theme === AppTheme.Dark; const obotIconIndex = iconOptions.findIndex((option) => icon.includes(option) ); + + const handleLoadingStatusChange = ( + status: "idle" | "loading" | "loaded" | "error" + ) => { + // ignore loading & idle + if (status === "error") { + setShowFallback(true); + } + if (status === "loaded") { + setShowFallback(false); + } + }; return ( <> @@ -99,10 +112,15 @@ export function AgentIcon({ icons, onChange, name }: AgentIconProps) {