diff --git a/components/Chatbar/Chatbar.tsx b/components/Chatbar/Chatbar.tsx index 9d952dc..59776a3 100644 --- a/components/Chatbar/Chatbar.tsx +++ b/components/Chatbar/Chatbar.tsx @@ -17,7 +17,9 @@ interface Props { lightMode: 'light' | 'dark'; selectedConversation: Conversation; apiKey: string; + serverSideApiKeyIsSet: boolean; pluginKeys: PluginKey[]; + serverSidePluginKeysSet: boolean; folders: Folder[]; onCreateFolder: (name: string) => void; onDeleteFolder: (folderId: string) => void; @@ -44,7 +46,9 @@ export const Chatbar: FC = ({ lightMode, selectedConversation, apiKey, + serverSideApiKeyIsSet, pluginKeys, + serverSidePluginKeysSet, folders, onCreateFolder, onDeleteFolder, @@ -198,7 +202,9 @@ export const Chatbar: FC = ({ void; onApiKeyChange: (apiKey: string) => void; @@ -26,7 +28,9 @@ interface Props { export const ChatbarSettings: FC = ({ lightMode, apiKey, + serverSideApiKeyIsSet, pluginKeys, + serverSidePluginKeysSet, conversationsCount, onToggleLightMode, onApiKeyChange, @@ -62,13 +66,17 @@ export const ChatbarSettings: FC = ({ } /> - + {!(serverSideApiKeyIsSet) ? ( + + ) : null} - + {!(serverSidePluginKeysSet) ? ( + + ) : null} ); }; diff --git a/pages/index.tsx b/pages/index.tsx index d063465..761a758 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -763,7 +763,9 @@ const Home: React.FC = ({ lightMode={lightMode} selectedConversation={selectedConversation} apiKey={apiKey} + serverSideApiKeyIsSet={serverSideApiKeyIsSet} pluginKeys={pluginKeys} + serverSidePluginKeysSet={serverSidePluginKeysSet} folders={folders.filter((folder) => folder.type === 'chat')} onToggleLightMode={handleLightMode} onCreateFolder={(name) => handleCreateFolder(name, 'chat')}