From 9a78ec0604019d7fe0ac06fc75d0628503aa45a0 Mon Sep 17 00:00:00 2001
From: Wells <ww.sun@outlook.com>
Date: Wed, 27 Mar 2024 10:26:24 +0800
Subject: [PATCH] fix: render invalid icon in inserted dropdown

---
 packages/designer/src/simulator/selection.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/packages/designer/src/simulator/selection.tsx b/packages/designer/src/simulator/selection.tsx
index 33b73d61..a9146c19 100644
--- a/packages/designer/src/simulator/selection.tsx
+++ b/packages/designer/src/simulator/selection.tsx
@@ -489,10 +489,19 @@ const insertedItemStyle = css`
 
 function InsertedItem({
   label,
-  icon = 'icon-placeholder',
+  icon,
   description,
   ...rest
 }: HTMLCoralProps<'div'> & Omit<IInsertedData, 'name'>) {
+  let iconNode;
+  if (!icon) {
+    iconNode = <IconFont className="material-icon" type="icon-placeholder" />;
+  } else if (icon.startsWith('icon-')) {
+    iconNode = <IconFont className="material-icon" type={icon} />;
+  } else {
+    iconNode = <img src={icon} alt={label} />;
+  }
+
   return (
     <Box
       display="flex"
@@ -513,11 +522,7 @@ function InsertedItem({
         alignItems="center"
         justifyContent="center"
       >
-        {icon.startsWith('icon-') ? (
-          <IconFont className="material-icon" type={icon} />
-        ) : (
-          <img src={icon} alt={label} />
-        )}
+        {iconNode}
       </Box>
       <Box>
         <Box fontWeight="500">{label}</Box>