fix: hide attachment functionality under feature flag

epam · Nov 22, 2023 · 52bf0d9 · 52bf0d9
1 parent a5c2f88
commit 52bf0d9
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 16 deletions.
diff --git a/.env.development b/.env.development
@@ -59,7 +59,7 @@ IS_IFRAME="false"
 
 
 # Application UI settings
-ENABLED_FEATURES="conversations-section,prompts-section,top-settings,top-clear-conversation,top-chat-info,top-chat-model-settings,empty-chat-settings,header,footer,request-api-key,report-an-issue,likes,conversations-sharing,prompts-sharing"
+ENABLED_FEATURES="conversations-section,prompts-section,top-settings,top-clear-conversation,top-chat-info,top-chat-model-settings,empty-chat-settings,header,footer,request-api-key,report-an-issue,likes,conversations-sharing,prompts-sharing,input-files"
 NEXT_PUBLIC_APP_NAME="Local Development APP Name"
 NEXT_PUBLIC_DEFAULT_SYSTEM_PROMPT=""
 NEXT_PUBLIC_DEFAULT_TEMPERATURE="1"

diff --git a/src/components/Chat/ChatInput/ChatInput.tsx b/src/components/Chat/ChatInput/ChatInput.tsx
@@ -16,6 +16,7 @@ import classNames from 'classnames';
 import { isMobile } from '@/src/utils/app/mobile';
 
 import { Message } from '@/src/types/chat';
+import { Feature } from '@/src/types/features';
 import { OpenAIEntityModels, defaultModelLimits } from '@/src/types/openai';
 import { Prompt } from '@/src/types/prompt';
 
@@ -68,6 +69,9 @@ export const ChatInput = ({
   const [isModalVisible, setIsModalVisible] = useState(false);
   const [showPluginSelect, setShowPluginSelect] = useState(false);
 
+  const enabledFeatures = useAppSelector(
+    SettingsSelectors.selectEnabledFeatures,
+  );
   const prompts = useAppSelector(PromptsSelectors.selectPrompts);
   const messageIsStreaming = useAppSelector(
     ConversationsSelectors.selectIsConversationsStreaming,
@@ -104,7 +108,8 @@ export const ChatInput = ({
     ),
   );
 
-  const displayAttachFunctionality = maximumAttachmentsAmount > 0;
+  const displayAttachFunctionality =
+    enabledFeatures.has(Feature.InputFiles) && maximumAttachmentsAmount > 0;
 
   useEffect(() => {
     setFilteredPrompts(

diff --git a/src/types/features.ts b/src/types/features.ts
@@ -13,21 +13,23 @@ export enum Feature {
   Likes = 'likes',
   ConversationsSharing = 'conversations-sharing',
   PromptsSharing = 'prompts-sharing',
+  InputFiles = 'input-files',
 }
 
 export const availableFeatures: Record<Feature, boolean> = {
-  'conversations-section': true,
-  'prompts-section': true,
-  'top-settings': true,
-  'top-clear-conversation': true,
-  'top-chat-info': true,
-  'top-chat-model-settings': true,
-  'empty-chat-settings': true,
-  header: true,
-  footer: true,
-  'request-api-key': true,
-  'report-an-issue': true,
-  likes: true,
-  'conversations-sharing': true,
-  'prompts-sharing': true,
+  [Feature.ConversationsSection]: true,
+  [Feature.PromptsSection]: true,
+  [Feature.TopSettings]: true,
+  [Feature.TopClearСonversation]: true,
+  [Feature.TopChatInfo]: true,
+  [Feature.TopChatModelSettings]: true,
+  [Feature.EmptyChatSettings]: true,
+  [Feature.Header]: true,
+  [Feature.Footer]: true,
+  [Feature.RequestApiKey]: true,
+  [Feature.ReportAnIssue]: true,
+  [Feature.Likes]: true,
+  [Feature.ConversationsSharing]: true,
+  [Feature.PromptsSharing]: true,
+  [Feature.InputFiles]: true,
 };