add icons

langflow-ai · Sep 20, 2024 · 549f69f · 549f69f
1 parent 0f4b6d9
commit 549f69f
Show file tree

Hide file tree

Showing 12 changed files with 851 additions and 2,053 deletions.
diff --git a/poetry.lock b/poetry.lock
diff --git a/src/backend/base/langflow/components/documentloaders/AssemblyAIFormatTranscript.py b/src/backend/base/langflow/components/documentloaders/AssemblyAIFormatTranscript.py
@@ -9,7 +9,7 @@ class AssemblyAITranscriptionParser(Component):
     display_name = "AssemblyAI Parse Transcript"
     description = "Parse AssemblyAI transcription result. If Speaker Labels was enabled, format utterances with speakers and timestamps"
     documentation = "https://www.assemblyai.com/docs"
-    icon = "📊"
+    icon = "AssemblyAI"
 
     inputs = [
         DataInput(

diff --git a/src/backend/base/langflow/components/documentloaders/AssemblyAIGetSubtitles.py b/src/backend/base/langflow/components/documentloaders/AssemblyAIGetSubtitles.py
@@ -8,7 +8,7 @@ class AssemblyAIGetSubtitles(Component):
     display_name = "AssemblyAI Get Subtitles"
     description = "Export your transcript in SRT or VTT format for subtitles and closed captions"
     documentation = "https://www.assemblyai.com/docs"
-    icon = "🗨️"
+    icon = "AssemblyAI"
 
     inputs = [
         SecretStrInput(

diff --git a/src/backend/base/langflow/components/documentloaders/AssemblyAILeMUR.py b/src/backend/base/langflow/components/documentloaders/AssemblyAILeMUR.py
@@ -9,7 +9,7 @@ class AssemblyAILeMUR(Component):
     display_name = "AssemblyAI LeMUR"
     description = "Apply Large Language Models to spoken data using the AssemblyAI LeMUR framework"
     documentation = "https://www.assemblyai.com/docs/lemur"
-    icon = "🔄"
+    icon = "AssemblyAI"
 
     inputs = [
         SecretStrInput(

diff --git a/src/backend/base/langflow/components/documentloaders/AssemblyAIListTranscripts.py b/src/backend/base/langflow/components/documentloaders/AssemblyAIListTranscripts.py
@@ -9,7 +9,7 @@ class AssemblyAIListTranscripts(Component):
     display_name = "AssemblyAI List Transcripts"
     description = "Retrieve a list of transcripts from AssemblyAI with filtering options"
     documentation = "https://www.assemblyai.com/docs"
-    icon = "📋"
+    icon = "AssemblyAI"
 
     inputs = [
         SecretStrInput(

diff --git a/src/backend/base/langflow/components/documentloaders/AssemblyAIPollTranscript.py b/src/backend/base/langflow/components/documentloaders/AssemblyAIPollTranscript.py
@@ -9,7 +9,7 @@ class AssemblyAITranscriptionJobPoller(Component):
     display_name = "AssemblyAI Poll Transcript"
     description = "Poll for the status of a transcription job using AssemblyAI"
     documentation = "https://www.assemblyai.com/docs"
-    icon = "🔄"
+    icon = "AssemblyAI"
 
     inputs = [
         SecretStrInput(

diff --git a/src/backend/base/langflow/components/documentloaders/AssemblyAIStartTranscript.py b/src/backend/base/langflow/components/documentloaders/AssemblyAIStartTranscript.py
@@ -10,7 +10,7 @@ class AssemblyAITranscriptionJobCreator(Component):
     display_name = "AssemblyAI Start Transcript"
     description = "Create a transcription job for an audio file using AssemblyAI with advanced options"
     documentation = "https://www.assemblyai.com/docs"
-    icon = "🎤"
+    icon = "AssemblyAI"
 
     inputs = [
         SecretStrInput(

diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json
diff --git a/src/frontend/src/icons/AssemblyAI/AssemblyAI.jsx b/src/frontend/src/icons/AssemblyAI/AssemblyAI.jsx
@@ -0,0 +1,19 @@
+const AssemblyAISVG = (props) => (
+<svg
+  width="501"
+  height="434"
+  viewBox="0 0 501 434"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  {...props}
+>
+  <path
+    d="M221.202 0.944641C189.435 0.944641 160.93 20.4579 149.437 50.0725L0.462402 433.945H113.632L230.894 131.791H230.943C233.886 124.427 241.085 119.224 249.5 119.224C257.915 119.224 265.114 124.427 268.057 131.791H283.681V70.5011H254.679L281.673 0.944641H221.202Z"
+    fill="#213ED7"
+  />
+  <path
+    d="M149.445 50.0726C160.471 21.6619 187.153 2.54782 217.352 1.04075L217.315 0.944641H279.722C311.489 0.944641 339.993 20.4579 351.486 50.0725L500.461 433.945H385.356L240.893 61.6995C232.622 43.4564 214.251 30.7668 192.917 30.7668C171.53 30.7668 153.122 43.5188 144.88 61.834L149.445 50.0726Z"
+    fill="#566DE8"
+  />
+</svg>);
+export default AssemblyAISVG;
diff --git a/src/frontend/src/icons/AssemblyAI/AssemblyAI.svg b/src/frontend/src/icons/AssemblyAI/AssemblyAI.svg
diff --git a/src/frontend/src/icons/AssemblyAI/index.tsx b/src/frontend/src/icons/AssemblyAI/index.tsx
@@ -0,0 +1,9 @@
+import React, { forwardRef } from "react";
+import AssemblyAISVG from "./AssemblyAI";
+
+export const AssemblyAIIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <AssemblyAISVG ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/utils/styleUtils.ts b/src/frontend/src/utils/styleUtils.ts
@@ -175,6 +175,7 @@ import { FaApple, FaDiscord, FaGithub } from "react-icons/fa";
 import { AWSIcon } from "../icons/AWS";
 import { AirbyteIcon } from "../icons/Airbyte";
 import { AnthropicIcon } from "../icons/Anthropic";
+import { AssemblyAIIcon } from "../icons/AssemblyAI";
 import { AstraDBIcon } from "../icons/AstraDB";
 import { AzureIcon } from "../icons/Azure";
 import { BingIcon } from "../icons/Bing";
@@ -389,6 +390,7 @@ export const nodeIconsLucide: iconsType = {
   Amazon: AWSIcon,
   Anthropic: AnthropicIcon,
   ChatAnthropic: AnthropicIcon,
+  AssemblyAI: AssemblyAIIcon,
   AstraDB: AstraDBIcon,
   BingSearchAPIWrapper: BingIcon,
   BingSearchRun: BingIcon,