feat: add Google icons to search-related components (#4760)

✨ (google_search_api.py): Add icon property to GoogleSearchAPIComponent for better visualization in the UI ✨ (google_serper_api.py): Add icon property to GoogleSerperAPIComponent for better visualization in the UI 📝 (styleUtils.ts): Add GoogleSearchAPI and GoogleSerperAPI icons to nodeIconsLucide for consistent styling in the frontend.
langflow-ai · Nov 22, 2024 · d31fa35 · d31fa35
1 parent 13321a3
commit d31fa35
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/src/backend/base/langflow/components/tools/google_search_api.py b/src/backend/base/langflow/components/tools/google_search_api.py
@@ -9,7 +9,7 @@ class GoogleSearchAPIComponent(LCToolComponent):
     display_name = "Google Search API"
     description = "Call Google Search API."
     name = "GoogleSearchAPI"
-
+    icon = "Google"
     inputs = [
         SecretStrInput(name="google_api_key", display_name="Google API Key", required=True),
         SecretStrInput(name="google_cse_id", display_name="Google CSE ID", required=True),

diff --git a/src/backend/base/langflow/components/tools/google_serper_api.py b/src/backend/base/langflow/components/tools/google_serper_api.py
@@ -10,7 +10,7 @@ class GoogleSerperAPIComponent(LCToolComponent):
     display_name = "Google Serper API"
     description = "Call the Serper.dev Google Search API."
     name = "GoogleSerperAPI"
-
+    icon = "Google"
     inputs = [
         SecretStrInput(name="serper_api_key", display_name="Serper API Key", required=True),
         MultilineInput(

diff --git a/src/frontend/src/utils/styleUtils.ts b/src/frontend/src/utils/styleUtils.ts
@@ -613,6 +613,8 @@ export const nodeIconsLucide: iconsType = {
   GoogleSearchAPIWrapper: GoogleIcon,
   GoogleSearchResults: GoogleIcon,
   GoogleSearchRun: GoogleIcon,
+  GoogleSearchAPI: GoogleIcon,
+  GoogleSerperAPI: GoogleIcon,
   Google: GoogleIcon,
   GoogleGenerativeAI: GoogleGenerativeAIIcon,
   Groq: GroqIcon,