From 55b17543aecd403ea2765181eb6164c9c0736e45 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 30 Jun 2023 16:40:58 -0300
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat(icons):=20add=20VertexAIIcon?=
 =?UTF-8?q?=20component=20and=20update=20nodeIconsLucide=20to=20include=20?=
 =?UTF-8?q?VertexAI=20and=20ChatVertexAI=20icons=20The=20VertexAIIcon=20co?=
 =?UTF-8?q?mponent=20is=20added=20to=20the=20icons=20directory,=20allowing?=
 =?UTF-8?q?=20the=20usage=20of=20the=20Vertex=20AI=20icon=20in=20the=20app?=
 =?UTF-8?q?lication.=20The=20nodeIconsLucide=20object=20in=20the=20utils.t?=
 =?UTF-8?q?s=20file=20is=20updated=20to=20include=20the=20VertexAI=20and?=
 =?UTF-8?q?=20ChatVertexAI=20icons,=20enabling=20their=20usage=20in=20the?=
 =?UTF-8?q?=20application.=20This=20addition=20enhances=20the=20visual=20r?=
 =?UTF-8?q?epresentation=20of=20the=20application=20by=20providing=20new?=
 =?UTF-8?q?=20icons=20related=20to=20Vertex=20AI=20functionality.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/icons/VertexAI/index.tsx     | 9 +++++++++
 src/frontend/src/icons/VertexAI/vertex_ai.svg | 1 +
 src/frontend/src/utils.ts                     | 7 +++++++
 3 files changed, 17 insertions(+)
 create mode 100644 src/frontend/src/icons/VertexAI/index.tsx
 create mode 100644 src/frontend/src/icons/VertexAI/vertex_ai.svg

diff --git a/src/frontend/src/icons/VertexAI/index.tsx b/src/frontend/src/icons/VertexAI/index.tsx
new file mode 100644
index 000000000..a5115da7e
--- /dev/null
+++ b/src/frontend/src/icons/VertexAI/index.tsx
@@ -0,0 +1,9 @@
+import React, { forwardRef } from "react";
+import { ReactComponent as VertexAISVG } from "./vertex_ai.svg";
+
+export const VertexAIIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <VertexAISVG ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/icons/VertexAI/vertex_ai.svg b/src/frontend/src/icons/VertexAI/vertex_ai.svg
new file mode 100644
index 000000000..9da1d8d8b
--- /dev/null
+++ b/src/frontend/src/icons/VertexAI/vertex_ai.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 32 32" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false"><path d="M26.69 18.53a1 1 0 00-1.4-.22L16 25.17v.29a1 1 0 110 1.91v.05a1 1 0 00.6-.19l9.88-7.3a1 1 0 00.21-1.4z" fill="#80868b"></path><path d="M16 27.37a1 1 0 110-1.91v-.29l-9.29-6.86a1 1 0 00-1.4.22 1 1 0 00.21 1.4l9.89 7.3a1 1 0 00.59.19v-.05z" fill="#9ba0a5"></path><path d="M16 24.46a2 2 0 102 2 2 2 0 00-2-2zm0 2.91a1 1 0 111-.95 1 1 0 01-1 .95z" fill="#606368"></path><path d="M8 8.14a1 1 0 01-1-1V4.63a1 1 0 112 0v2.51a1 1 0 01-1 1z" fill="#9ba0a5"></path><circle cx="7.97" cy="16" r="1.01" fill="#9ba0a5"></circle><circle cx="7.97" cy="13.05" r="1.01" fill="#9ba0a5"></circle><circle cx="7.97" cy="10.09" r="1.01" fill="#9ba0a5"></circle><path d="M24 11.07a1 1 0 01-1-1V7.55a1 1 0 012 0v2.52a1 1 0 01-1 1z" fill="#606368"></path><circle cx="24.03" cy="16.01" r="1.01" fill="#606368"></circle><circle cx="24.03" cy="13.02" r="1.01" fill="#606368"></circle><circle cx="24.03" cy="4.63" r="1.01" fill="#606368"></circle><path d="M16 20a1 1 0 01-1-1v-2.54a1 1 0 012 0V19a1 1 0 01-1 1z" fill="#80868b"></path><circle cx="16" cy="21.93" r="1.01" fill="#80868b"></circle><circle cx="16" cy="13.51" r="1.01" fill="#80868b"></circle><circle cx="16" cy="10.56" r="1.01" fill="#80868b"></circle><path d="M20 14.05a1 1 0 01-1-1v-2.51a1 1 0 112 0v2.51a1 1 0 01-1 1z" fill="#606368"></path><circle cx="20.02" cy="7.58" r="1.01" fill="#606368"></circle><circle cx="20.02" cy="18.92" r="1.01" fill="#606368"></circle><circle cx="20.02" cy="15.97" r="1.01" fill="#606368"></circle><circle cx="11.98" cy="18.92" r="1.01" fill="#9ba0a5"></circle><circle cx="11.98" cy="10.56" r="1.01" fill="#9ba0a5"></circle><circle cx="11.98" cy="7.58" r="1.01" fill="#9ba0a5"></circle><path d="M12 17a1 1 0 01-1-1v-2.54a1 1 0 012 0V16a1 1 0 01-1 1z" fill="#9ba0a5"></path></svg>
\ No newline at end of file
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index b50cad2bd..ff1d93d93 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -47,6 +47,7 @@ import {
 } from "lucide-react";
 import { SupabaseIcon } from "./icons/supabase";
 import { MongoDBIcon } from "./icons/MongoDB";
+import { VertexAIIcon } from "./icons/VertexAI";
 
 export function classNames(...classes: Array<string>) {
   return classes.filter(Boolean).join(" ");
@@ -241,6 +242,12 @@ export const nodeIconsLucide: {
   SupabaseVectorStore: SupabaseIcon as React.ForwardRefExoticComponent<
     ComponentType<SVGProps<SVGSVGElement>>
   >,
+  VertexAI: VertexAIIcon as React.ForwardRefExoticComponent<
+    ComponentType<SVGProps<SVGSVGElement>>
+  >,
+  ChatVertexAI: VertexAIIcon as React.ForwardRefExoticComponent<
+    ComponentType<SVGProps<SVGSVGElement>>
+  >,
   agents: Rocket as React.ForwardRefExoticComponent<
     ComponentType<SVGProps<SVGSVGElement>>
   >,