fix icon comp, icon button when no icon is selected

raheeliftikhar5 · raheeliftikhar5 · commit 4effe2837ed0 · 2025-04-29T16:22:21.000+05:00
diff --git a/client/packages/lowcoder/src/comps/controls/iconControl.tsx b/client/packages/lowcoder/src/comps/controls/iconControl.tsx
@@ -224,7 +224,11 @@ export const IconControlView = memo((props: { value: string }) => {
       return renderIcon;
     }
 
-    return <StyledImage src={value} alt="" />;
+    if (value) {
+      return <StyledImage src={value} alt="" />;
+    }
+
+    return '';
   }, [icon, value, IconDictionary[value]])
 });
 
diff --git a/client/packages/lowcoder/src/comps/controls/iconscoutControl.tsx b/client/packages/lowcoder/src/comps/controls/iconscoutControl.tsx
@@ -224,6 +224,7 @@ export const IconPicker = (props: {
   label?: ReactNode;
   IconType?: "OnlyAntd" | "All" | "default" | undefined;
 }) => {
+  const draggableRef = useRef<HTMLDivElement>(null);
   const [ visible, setVisible ] = useState(false)
   const [ loading, setLoading ] = useState(false)
   const [ downloading, setDownloading ] = useState(false)
@@ -234,7 +235,7 @@ export const IconPicker = (props: {
   const mediaPackSubscription = subscriptions.find(
     sub => sub.product === SubscriptionProductsEnum.MEDIAPACKAGE && sub.status === 'active'
   );
-
+  
   const onChangeRef = useRef(props.onChange);
   onChangeRef.current = props.onChange;
 
@@ -388,8 +389,8 @@ export const IconPicker = (props: {
       }}
       destroyTooltipOnHide
       content={
-        <Draggable handle=".dragHandle">
-          <PopupContainer>
+        <Draggable handle=".dragHandle" nodeRef={draggableRef}>
+          <PopupContainer ref={draggableRef}>
             <TitleDiv className="dragHandle">
               <TitleText>{popupTitle}</TitleText>
               <StyledCloseIcon onClick={() => setVisible(false)} />
