feat: add font icon (#342)

RainyNight9 · web-flow · commit 6c90f42da03c · 2025-04-08T22:58:53.000+08:00
* feat: add font icon

* docs: update notes

* chore: cleanup the uncessary change
diff --git a/docs/content.en/docs/release-notes/_index.md b/docs/content.en/docs/release-notes/_index.md
@@ -14,8 +14,8 @@ Information about release notes of Coco Server is provided here.
 ### Features
 
 - Linux support for application search #330
-
 - Add shortcuts to most icon buttons #334
+- Add font icon for search list #342
 
 ### Bug fix
 
diff --git a/public/assets/fonts/icons/iconfont.js b/public/assets/fonts/icons/iconfont.js
diff --git a/src/components/Common/Icons/ItemIcon.tsx b/src/components/Common/Icons/ItemIcon.tsx
@@ -5,6 +5,7 @@ import IconWrapper from "./IconWrapper";
 import ThemedIcon from "./ThemedIcon";
 import { useFindConnectorIcon } from "@/hooks/useFindConnectorIcon";
 import { useAppStore } from "@/stores/appStore";
+import FontIcon from "./FontIcon";
 
 interface ItemIconProps {
   item: any;
@@ -23,6 +24,12 @@ const ItemIcon = React.memo(function ItemIcon({
   // console.log("connectorSource", connectorSource);
   const icons = connectorSource?.assets?.icons || {};
 
+  if (item?.icon?.startsWith("font_")) {
+    return (
+      <FontIcon name={item?.icon} className={className} />
+    );
+  }
+
   // If the icon is a valid base64-encoded image
   const isBase64 = item?.icon?.startsWith("data:image/");
   if (isBase64) {
