From 3cd6efa2284571214852c2ee04fbece2e2d39ecb Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 30 Mar 2024 18:29:27 -0300
Subject: [PATCH] Refactor code and add Google Generative AI icon

---
 .../src/components/EditFlowSettingsComponent/index.tsx |  3 +--
 .../icons/GoogleGenerativeAI/Google Gemini icon.svg    |  1 +
 .../src/icons/GoogleGenerativeAI/GoogleGemini.jsx      | 10 ++++++++++
 src/frontend/src/icons/GoogleGenerativeAI/index.tsx    |  9 +++++++++
 src/frontend/src/utils/styleUtils.ts                   |  2 ++
 5 files changed, 23 insertions(+), 2 deletions(-)
 create mode 100644 src/frontend/src/icons/GoogleGenerativeAI/Google Gemini icon.svg
 create mode 100644 src/frontend/src/icons/GoogleGenerativeAI/GoogleGemini.jsx
 create mode 100644 src/frontend/src/icons/GoogleGenerativeAI/index.tsx

diff --git a/src/frontend/src/components/EditFlowSettingsComponent/index.tsx b/src/frontend/src/components/EditFlowSettingsComponent/index.tsx
index 919a2e68a..94ee4f19e 100644
--- a/src/frontend/src/components/EditFlowSettingsComponent/index.tsx
+++ b/src/frontend/src/components/EditFlowSettingsComponent/index.tsx
@@ -74,12 +74,11 @@ export const EditFlowSettings: React.FC<InputProps> = ({
             onChange={handleDescriptionChange}
             value={description!}
             placeholder="Flow description"
-            className="mt-2 max-h-[100px] font-normal resize-none"
+            className="mt-2 max-h-[100px] resize-none font-normal"
             rows={3}
             onDoubleClickCapture={(event) => {
               handleFocus(event);
             }}
-            
           />
         ) : (
           <span
diff --git a/src/frontend/src/icons/GoogleGenerativeAI/Google Gemini icon.svg b/src/frontend/src/icons/GoogleGenerativeAI/Google Gemini icon.svg
new file mode 100644
index 000000000..787c83710
--- /dev/null
+++ b/src/frontend/src/icons/GoogleGenerativeAI/Google Gemini icon.svg	
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16 8.016A8.522 8.522 0 008.016 16h-.032A8.521 8.521 0 000 8.016v-.032A8.521 8.521 0 007.984 0h.032A8.522 8.522 0 0016 7.984v.032z" fill="url(#prefix__paint0_radial_980_20147)"/><defs><radialGradient id="prefix__paint0_radial_980_20147" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(16.1326 5.4553 -43.70045 129.2322 1.588 6.503)"><stop offset=".067" stop-color="#9168C0"/><stop offset=".343" stop-color="#5684D1"/><stop offset=".672" stop-color="#1BA1E3"/></radialGradient></defs></svg>
\ No newline at end of file
diff --git a/src/frontend/src/icons/GoogleGenerativeAI/GoogleGemini.jsx b/src/frontend/src/icons/GoogleGenerativeAI/GoogleGemini.jsx
new file mode 100644
index 000000000..dcd531ebb
--- /dev/null
+++ b/src/frontend/src/icons/GoogleGenerativeAI/GoogleGemini.jsx
@@ -0,0 +1,10 @@
+const SvgGoogleGenerativeAI = (props) => (<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" {...props}>
+  <path d="M16 8.016A8.522 8.522 0 008.016 16h-.032A8.521 8.521 0 000 8.016v-.032A8.521 8.521 0 007.984 0h.032A8.522 8.522 0 0016 7.984v.032z" fill="url(#prefix__paint0_radial_980_20147)"/>
+  <defs>
+    <radialGradient id="prefix__paint0_radial_980_20147" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(16.1326 5.4553 -43.70045 129.2322 1.588 6.503)">
+      <stop offset=".067" stop-color="#9168C0"/><stop offset=".343" stop-color="#5684D1"/><stop offset=".672" stop-color="#1BA1E3"/>
+      </radialGradient>
+      </defs>
+  </svg>
+);
+export default SvgGoogleGenerativeAI;
diff --git a/src/frontend/src/icons/GoogleGenerativeAI/index.tsx b/src/frontend/src/icons/GoogleGenerativeAI/index.tsx
new file mode 100644
index 000000000..2123f129d
--- /dev/null
+++ b/src/frontend/src/icons/GoogleGenerativeAI/index.tsx
@@ -0,0 +1,9 @@
+import React, { forwardRef } from "react";
+import SvgGoogleGenerativeAI from "./GoogleGemini";
+
+export const GoogleGenerativeAIIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <SvgGoogleGenerativeAI ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/utils/styleUtils.ts b/src/frontend/src/utils/styleUtils.ts
index f298e8a6a..8594fa1b1 100644
--- a/src/frontend/src/utils/styleUtils.ts
+++ b/src/frontend/src/utils/styleUtils.ts
@@ -151,6 +151,7 @@ import { EvernoteIcon } from "../icons/Evernote";
 import { FBIcon } from "../icons/FacebookMessenger";
 import { GitBookIcon } from "../icons/GitBook";
 import { GoogleIcon } from "../icons/Google";
+import { GoogleGenerativeAIIcon } from "../icons/GoogleGenerativeAI";
 import {
   GradientInfinity,
   GradientSave,
@@ -328,6 +329,7 @@ export const nodeIconsLucide: iconsType = {
   GoogleSearchResults: GoogleIcon,
   GoogleSearchRun: GoogleIcon,
   Google: GoogleIcon,
+  GoogleGenerativeAI: GoogleGenerativeAIIcon,
   HNLoader: HackerNewsIcon,
   HuggingFaceHub: HuggingFaceIcon,
   HuggingFace: HuggingFaceIcon,