Add more icons

frontend/control-center/src/components/ChannelAvatar/index.tsx

@@ -20,6 +20,12 @@ import {ReactComponent as RedisAvatar} from 'assets/images/icons/redisLogo.svg';
 import {ReactComponent as PostgresAvatar} from 'assets/images/icons/postgresLogo.svg';
 import {ReactComponent as FeastAvatar} from 'assets/images/icons/feastLogo.svg';
 import {ReactComponent as MetaAvatar} from 'assets/images/icons/meta.svg';
+import {ReactComponent as OpenaiAvatar} from 'assets/images/icons/openai.svg';
+import {ReactComponent as PineconeAvatar} from 'assets/images/icons/pinecone.svg';
+import {ReactComponent as ChromaAvatar} from 'assets/images/icons/chroma.svg';
+import {ReactComponent as MosaicAvatar} from 'assets/images/icons/mosaic.svg';
+import {ReactComponent as WeaviateAvatar} from 'assets/images/icons/weaviate.svg';
+import {ReactComponent as GmailAvatar} from 'assets/images/icons/gmail.svg';
 
 import {Channel, Source} from 'model';
 import styles from './index.module.scss';
@@ -105,6 +111,27 @@ export const getChannelAvatar = (source: string) => {
     case Source.faissConnector:
     case 'FAISS connector':
       return <MetaAvatar />;
+    case Source.llama2:
+    case 'LLama2':
+      return <MetaAvatar />;
+    case Source.openaiConnector:
+    case 'OpenAI connector':
+      return <OpenaiAvatar />;
+    case Source.pineconeConnector:
+    case 'Pinecone':
+      return <PineconeAvatar />;
+    case Source.chroma:
+    case 'Chroma':
+      return <ChromaAvatar />;
+    case Source.mosaic:
+    case 'Mosaic':
+      return <MosaicAvatar />;
+    case Source.weaviate:
+    case 'Weaviate':
+      return <WeaviateAvatar />;
+    case Source.gmail:
+    case 'GMail connector':
+      return <GmailAvatar />;
 
       default:
       return <AiryAvatar />;