added custom icons for companies, first version

src/frontend/src/icons/Airbyte/index.tsx

@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as AirbyteSVG } from "./airbyte.svg";
 
-export const AirbyteIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
+export const AirbyteIcon = forwardRef<
-  (props, ref) => {
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
   return <AirbyteSVG ref={ref} {...props} />;
-  }
+});
-);

src/frontend/src/icons/ChromaIcon/index.tsx

@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as ChromaSVG } from "./chroma.svg";
 
-export const ChromaIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
+export const ChromaIcon = forwardRef<
-  (props, ref) => {
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
   return <ChromaSVG ref={ref} {...props} />;
-  }
+});
-);

src/frontend/src/icons/Cohere/index.tsx

@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as CohereSVG } from "./cohere.svg";
 
-export const CohereIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
+export const CohereIcon = forwardRef<
-  (props, ref) => {
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
   return <CohereSVG ref={ref} {...props} />;
-  }
+});
-);

src/frontend/src/icons/Evernote/index.tsx

@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as EvernoteSVG } from "./evernote-icon.svg";
 
-export const EvernoteIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
+export const EvernoteIcon = forwardRef<
-  (props, ref) => {
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
   return <EvernoteSVG ref={ref} {...props} />;
-  }
+});
-);

src/frontend/src/icons/GitBook/index.tsx

@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as GitBookSVG } from "./gitbook-svgrepo-com.svg";
 
-export const GitBookIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
+export const GitBookIcon = forwardRef<
-  (props, ref) => {
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
   return <GitBookSVG ref={ref} {...props} />;
-  }
+});
-);

src/frontend/src/icons/Google/index.tsx

@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as GoogleSVG } from "./google.svg";
 
-export const GoogleIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
+export const GoogleIcon = forwardRef<
-  (props, ref) => {
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
   return <GoogleSVG ref={ref} {...props} />;
-  }
+});
-);

src/frontend/src/icons/HuggingFace/index.tsx

@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as HugginFaceSVG } from "./hf-logo.svg";
 
-export const HugginFaceIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
+export const HugginFaceIcon = forwardRef<
-  (props, ref) => {
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
   return <HugginFaceSVG ref={ref} {...props} />;
-  }
+});
-);

src/frontend/src/icons/Midjorney/index.tsx

@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as MidjorneySVG } from "./Midjourney_Emblem.svg";
 
-export const MidjorneyIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
+export const MidjorneyIcon = forwardRef<
-  (props, ref) => {
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
   return <MidjorneySVG ref={ref} {...props} />;
-  }
+});
-);

src/frontend/src/icons/Notion/index.tsx

@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as NotionSVG } from "./Notion-logo.svg";
 
-export const NotionIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
+export const NotionIcon = forwardRef<
-  (props, ref) => {
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
   return <NotionSVG ref={ref} {...props} />;
-  }
+});
-);

src/frontend/src/icons/OpenAi/index.tsx

@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as OpenAiSVG } from "./openAI.svg";
 
-export const OpenAiIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
+export const OpenAiIcon = forwardRef<
-  (props, ref) => {
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
   return <OpenAiSVG ref={ref} {...props} />;
-  }
+});
-);

src/frontend/src/icons/PowerPoint/index.tsx

@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as PowerPointSVG } from "./PowerPoint.svg";
 
-export const PowerPointIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
+export const PowerPointIcon = forwardRef<
-  (props, ref) => {
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
   return <PowerPointSVG ref={ref} {...props} />;
-  }
+});
-);

src/frontend/src/icons/QDrant/index.tsx

@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as QDrantSVG } from "./QDrant.svg";
 
-export const QDrantIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
+export const QDrantIcon = forwardRef<
-  (props, ref) => {
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
   return <QDrantSVG ref={ref} {...props} />;
-  }
+});
-);

src/frontend/src/icons/ReadTheDocs/index.tsx

@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as ReadTheDocsSVG } from "./readthedocsio-icon.svg";
 
-export const ReadTheDocsIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
+export const ReadTheDocsIcon = forwardRef<
-  (props, ref) => {
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
   return <ReadTheDocsSVG ref={ref} {...props} />;
-  }
+});
-);

src/frontend/src/icons/Weaviate/index.tsx

@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as WeaviateSVG } from "./weaviate.svg";
 
-export const WeaviateIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
+export const WeaviateIcon = forwardRef<
-  (props, ref) => {
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
   return <WeaviateSVG ref={ref} {...props} />;
-  }
+});
-);

src/frontend/src/icons/Wikipedia/index.tsx

@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as WikipediaSVG } from "./Wikipedia.svg";
 
-export const WikipediaIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
+export const WikipediaIcon = forwardRef<
-  (props, ref) => {
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
   return <WikipediaSVG ref={ref} {...props} />;
-  }
+});
-);

src/frontend/src/icons/Wolfram/index.tsx

@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as WolframSVG } from "./wolfram.svg";
 
-export const WolframIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
+export const WolframIcon = forwardRef<
-  (props, ref) => {
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
   return <WolframSVG ref={ref} {...props} />;
-  }
+});
-);

src/frontend/src/icons/hackerNews/index.tsx

@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as HackerNewsSVG } from "./Y_Combinator_logo.svg";
 
-export const HackerNewsIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
+export const HackerNewsIcon = forwardRef<
-  (props, ref) => {
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
   return <HackerNewsSVG ref={ref} {...props} />;
-  }
+});
-);

src/frontend/src/utils.ts

@@ -20,7 +20,7 @@ import { Connection, Edge, Node, ReactFlowInstance, addEdge } from "reactflow";
 import { FlowType, NodeType } from "./types/flow";
 import { APITemplateType, TemplateVariableType } from "./types/api";
 import _ from "lodash";
-import { ChromaIcon} from "./icons/ChromaIcon";
+import { ChromaIcon } from "./icons/ChromaIcon";
 import { AirbyteIcon } from "./icons/Airbyte";
 import { AzIcon } from "./icons/AzLogo";
 import { BingIcon } from "./icons/Bing";