feat: update add new brain button ui

QuivrHQ · Aug 29, 2023 · cbcc8c7 · cbcc8c7
1 parent 0ba53c9
commit cbcc8c7
Show file tree

Hide file tree

Showing 10 changed files with 12 additions and 27 deletions.
diff --git a/...nts/ChatInput/components/ChatBar/components/MentionInput/components/AddNewBrainButton.tsx b/...nts/ChatInput/components/ChatBar/components/MentionInput/components/AddNewBrainButton.tsx
diff --git a/...Input/components/ChatBar/components/MentionInput/components/BrainSuggestionsContainer.tsx b/...Input/components/ChatBar/components/MentionInput/components/BrainSuggestionsContainer.tsx
@@ -1,7 +1,7 @@
 import { Popover } from "@draft-js-plugins/mention";
 import { PopoverProps } from "@draft-js-plugins/mention/lib/MentionSuggestions/Popover";
 
-import { AddNewBrainButton } from "./AddNewBrainButton";
+import { AddBrainModal } from "@/lib/components/AddBrainModal";
 
 export const BrainSuggestionsContainer = ({
   children,
@@ -15,7 +15,7 @@ export const BrainSuggestionsContainer = ({
       className="bg-white dark:bg-black border border-black/10 dark:border-white/25 rounded-md shadow-md overflow-y-auto"
     >
       {children}
-      <AddNewBrainButton />
+      <AddBrainModal />
     </div>
   </Popover>
 );
diff --git a/...nsBar/components/ChatInput/components/ChatBar/components/MentionInput/components/index.ts b/...nsBar/components/ChatInput/components/ChatBar/components/MentionInput/components/index.ts
@@ -1 +1,5 @@
-export * from "./AddNewBrainButton";
+export * from "./AddNewPromptButton";
+export * from "./BrainSuggestion";
+export * from "./BrainSuggestionsContainer";
+export * from "./PromptSuggestion";
+export * from "./SuggestionRow";
diff --git a/frontend/lib/components/AddBrainModal/AddBrainModal.tsx b/frontend/lib/components/AddBrainModal/AddBrainModal.tsx
@@ -35,7 +35,11 @@ export const AddBrainModal = (): JSX.Element => {
   return (
     <Modal
       Trigger={
-        <Button variant={"secondary"}>
+        <Button
+          onClick={() => void 0}
+          variant={"tertiary"}
+          className="border-0"
+        >
           {t("newBrain", { ns: "brain" })}
           <MdAdd className="text-xl" />
         </Button>

diff --git a/frontend/public/locales/en/chat.json b/frontend/public/locales/en/chat.json
@@ -33,6 +33,5 @@
   "empty_brain_title_suffix": "and chat with them",
   "actions_bar_placeholder": "Ask a question to @brains or /files and choose your #prompt",
   "missing_brain": "Please select a brain to chat with",
-  "new_brain": "Create new brain",
   "new_prompt": "Create new prompt"
 }
diff --git a/frontend/public/locales/es/chat.json b/frontend/public/locales/es/chat.json
@@ -34,6 +34,5 @@
   "thinking": "Pensando...",
   "title": "Conversa con {{brain}}",
   "missing_brain": "No hay cerebro seleccionado",
-  "new_brain": "Crear nuevo cerebro",
   "new_prompt": "Crear nueva instrucción"
 }
diff --git a/frontend/public/locales/fr/chat.json b/frontend/public/locales/fr/chat.json
@@ -34,6 +34,5 @@
   "thinking": "Réflexion...",
   "title": "Discuter avec {{brain}}",
   "missing_brain": "Veuillez selectionner un cerveau pour discuter",
-  "new_brain": "Créer un nouveau cerveau",
   "new_prompt": "Créer un nouveau prompt"
 }
diff --git a/frontend/public/locales/pt-br/chat.json b/frontend/public/locales/pt-br/chat.json
@@ -34,6 +34,5 @@
   "thinking": "Pensando...",
   "title": "Converse com {{brain}}",
   "missing_brain": "Cérebro não encontrado",
-  "new_brain": "Criar novo cérebro",
   "new_prompt": "Criar novo prompt"
 }
diff --git a/frontend/public/locales/ru/chat.json b/frontend/public/locales/ru/chat.json
@@ -34,6 +34,5 @@
   "thinking": "Думаю...",
   "title": "Чат с {{brain}}",
   "missing_brain": "Мозг не найден",
-  "new_brain": "Создать новый мозг",
   "new_prompt": "Создать новый запрос"
 }
diff --git a/frontend/public/locales/zh-cn/chat.json b/frontend/public/locales/zh-cn/chat.json
@@ -34,6 +34,5 @@
   "empty_brain_title_suffix": "和他们聊天",
   "actions_bar_placeholder": "向 @brains 或 /files 提问，并选择您的 #prompt",
   "missing_brain": "请选择一个大脑进行聊天",
-  "new_brain": "新大脑",
   "new_prompt": "新提示"
 }