From 81fb84b08111141c4e5a19caae0ee975de307354 Mon Sep 17 00:00:00 2001 From: Gabriel Luiz Freitas Almeida Date: Fri, 23 Jun 2023 13:18:52 -0300 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style(MongoDBIcon):=20add=20Mong?= =?UTF-8?q?oDBIcon=20component=20to=20frontend=20app=20The=20MongoDBIcon?= =?UTF-8?q?=20component=20was=20added=20to=20the=20frontend=20app=20to=20b?= =?UTF-8?q?e=20used=20as=20an=20icon=20for=20MongoDB=20Atlas=20Vector=20Se?= =?UTF-8?q?arch.=20The=20icon=20was=20added=20as=20an=20SVG=20file=20and?= =?UTF-8?q?=20imported=20as=20a=20React=20component.=20The=20component=20w?= =?UTF-8?q?as=20then=20added=20to=20the=20nodeIcons=20object=20in=20the=20?= =?UTF-8?q?utils.ts=20file.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/frontend/src/icons/MongoDB/index.tsx | 9 +++++++++ src/frontend/src/icons/MongoDB/mongodb-icon.svg | 1 + src/frontend/src/utils.ts | 2 ++ 3 files changed, 12 insertions(+) create mode 100644 src/frontend/src/icons/MongoDB/index.tsx create mode 100644 src/frontend/src/icons/MongoDB/mongodb-icon.svg diff --git a/src/frontend/src/icons/MongoDB/index.tsx b/src/frontend/src/icons/MongoDB/index.tsx new file mode 100644 index 000000000..5caa770f5 --- /dev/null +++ b/src/frontend/src/icons/MongoDB/index.tsx @@ -0,0 +1,9 @@ +import React, { forwardRef } from "react"; +import { ReactComponent as SlackSVG } from "./mongodb-icon.svg"; + +export const MongoDBIcon = forwardRef< + SVGSVGElement, + React.PropsWithChildren<{}> +>((props, ref) => { + return ; +}); diff --git a/src/frontend/src/icons/MongoDB/mongodb-icon.svg b/src/frontend/src/icons/MongoDB/mongodb-icon.svg new file mode 100644 index 000000000..54403d528 --- /dev/null +++ b/src/frontend/src/icons/MongoDB/mongodb-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts index 9e83fc70f..e2436a1ca 100644 --- a/src/frontend/src/utils.ts +++ b/src/frontend/src/utils.ts @@ -44,6 +44,7 @@ import clsx, { ClassValue } from "clsx"; import { twMerge } from "tailwind-merge"; import { ADJECTIVES, DESCRIPTIONS, NOUNS } from "./constants"; import { SupabaseIcon } from "./icons/supabase"; +import { MongoDBIcon } from "./icons/MongoDB"; export function classNames(...classes: Array) { return classes.filter(Boolean).join(" "); @@ -174,6 +175,7 @@ export const nodeIcons: { OpenAIEmbeddings: OpenAiIcon, Pinecone: PineconeIcon, SupabaseVectorStore: SupabaseIcon, + MongoDBAtlasVectorSearch: MongoDBIcon, // UnstructuredPowerPointLoader: PowerPointIcon, // word and powerpoint have differente styles Qdrant: QDrantIcon, // ReadTheDocsLoader: ReadTheDocsIcon, // does not work