chore(multiple-providers): coming soon select

pezzolabs · Jul 31, 2023 · bbe7b42 · bbe7b42
1 parent b721480
commit bbe7b42
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 1 deletion.
diff --git a/apps/console/src/app/components/prompts/editor/ProviderSelector/ProviderSelector.tsx b/apps/console/src/app/components/prompts/editor/ProviderSelector/ProviderSelector.tsx
@@ -29,7 +29,9 @@ export const ProviderSelector = () => {
   };
 
   const renderProvider = (provider: ProviderProps) => {
+    const isAvailable = provider.value === PromptService.OpenAiChatCompletion;
     return {
+      disabled: !isAvailable,
       value: provider.value,
       label: (
         <div>

diff --git a/apps/console/src/app/components/prompts/editor/ProviderSelector/providers.tsx b/apps/console/src/app/components/prompts/editor/ProviderSelector/providers.tsx
@@ -6,6 +6,7 @@ import { PromptService } from "../../../../../@generated/graphql/graphql";
 // Logos
 import OpenAILogo from "../../../../../assets/providers/openai-logo.svg";
 import AzureOpenAILogo from "../../../../../assets/providers/azure-logo.svg";
+import AnthropicOpenAILogo from "../../../../../assets/providers/anthropic-logo.svg";
 
 const Icon = styled.img`
   border-radius: 2px;
@@ -28,6 +29,11 @@ export const providersList: ProviderProps[] = [
     value: PromptService.AzureOpenAiChatCompletion,
     label: promptProvidersMapping[PromptService.AzureOpenAiChatCompletion].name,
   },
+  {
+    image: <Icon src={AnthropicOpenAILogo} style={{ padding: 2 }} />,
+    value: PromptService.AnthropicCompletion,
+    label: promptProvidersMapping[PromptService.AnthropicCompletion].name,
+  },
 ];
 
 /**

diff --git a/apps/console/src/assets/providers/anthropic-logo.svg b/apps/console/src/assets/providers/anthropic-logo.svg
diff --git a/libs/types/src/provider.types.ts b/libs/types/src/provider.types.ts
@@ -17,6 +17,9 @@ export const providerDetails = {
   [Provider.Azure]: {
     name: "Azure",
   },
+  [Provider.Anthropic]: {
+    name: "Anthropic",
+  },
 };
 
 export const promptProvidersMapping = {
@@ -26,8 +29,13 @@ export const promptProvidersMapping = {
     defaultSettings: {},
   },
   [PromptService.AzureOpenAIChatCompletion]: {
-    name: "Azure OpenAI Chat Completion",
+    name: "Azure OpenAI (coming soon)",
     provider: Provider.Azure,
     defaultSettings: {},
   },
+  [PromptService.AnthropicCompletion]: {
+    name: "Anthropic (coming soon)",
+    provider: Provider.Anthropic,
+    defaultSettings: {},
+  },
 };