refactor: icon fragments functions

src/frontend/src/CustomNodes/GenericNode/index.tsx

@@ -111,42 +111,35 @@ export default function GenericNode({
   const isEmoji = emojiRegex.test(data?.node?.icon!);
 
   const iconNodeRender = useCallback(() => {
-    if (data?.node?.icon) {
+    const iconElement = data?.node?.icon;
-      if (isEmoji) {
+    const iconColor = nodeColors[types[data.type]];
-        return <span className="text-lg">{data.node.icon}</span>;
+    const iconName =
-      } else {
+      iconElement || (data.node?.flow ? "group_components" : name);
-        const iconName =
+    const iconClassName = `generic-node-icon ${
-          data.node.icon || (data.node?.flow ? "group_components" : name);
+      !showNode ? "absolute inset-x-6 h-12 w-12" : ""
-        const iconClassName = `generic-node-icon ${
+    }`;
-          !showNode ? "absolute inset-x-6 h-12 w-12" : ""
-        }`;
-        const iconColor = nodeColors[types[data.type]];
 
-        return (
+    if (iconElement && isEmoji) {
-          <IconComponent
+      return nodeIconFragment(iconElement);
-            name={iconName}
-            className={iconClassName}
-            iconColor={iconColor}
-          />
-        );
-      }
     } else {
-      const iconName = data.node?.flow ? "group_components" : name;
+      return checkNodeIconFragment(iconColor, iconName, iconClassName);
-      const iconClassName = `generic-node-icon ${
-        !showNode ? "absolute inset-x-6 h-12 w-12" : ""
-      }`;
-      const iconColor = nodeColors[types[data.type]];
-
-      return (
-        <IconComponent
-          name={iconName}
-          className={iconClassName}
-          iconColor={iconColor}
-        />
-      );
     }
   }, [data, isEmoji, name, showNode]);
 
+  const nodeIconFragment = (icon) => {
+    return <span className="text-lg">{icon}</span>;
+  };
+
+  const checkNodeIconFragment = (iconColor, iconName, iconClassName) => {
+    return (
+      <IconComponent
+        name={iconName}
+        className={iconClassName}
+        iconColor={iconColor}
+      />
+    );
+  };
+
   return (
     <>
       <NodeToolbar>