diff --git a/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionItem/MentionItem.module.scss b/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionItem/MentionItem.module.scss
index 2fb2887fe..12921cabe 100644
--- a/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionItem/MentionItem.module.scss
+++ b/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionItem/MentionItem.module.scss
@@ -12,17 +12,15 @@
padding: Spacings.$spacing02;
min-height: 2rem;
- &:hover,
+ &:hover {
+ background-color: var(--background-3);
+ }
+
&.selected {
- background-color: var(--background-special-1);
- font-weight: 550;
+ color: var(--primary-0);
}
.brain_name {
@include Typography.EllipsisOverflow;
}
-
- .dark_image {
- filter: invert(100%);
- }
-}
\ No newline at end of file
+}
diff --git a/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionItem/MentionItem.tsx b/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionItem/MentionItem.tsx
index 78869e3f2..b36691fad 100644
--- a/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionItem/MentionItem.tsx
+++ b/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionItem/MentionItem.tsx
@@ -1,7 +1,4 @@
-import Image from "next/image";
-
import Icon from "@/lib/components/ui/Icon/Icon";
-import { useUserSettingsContext } from "@/lib/context/UserSettingsProvider/hooks/useUserSettingsContext";
import styles from "./MentionItem.module.scss";
@@ -10,30 +7,20 @@ import { SuggestionDataType, SuggestionItem } from "../../types";
type MentionItemProps = {
item: SuggestionItem;
type: SuggestionDataType;
- isSelected: boolean;
onClick: () => void;
};
export const MentionItem = ({
item,
onClick,
- isSelected,
}: MentionItemProps): JSX.Element => {
-
- const { isDarkMode } = useUserSettingsContext();
-
return (
- {item.iconUrl ? (
-
- ) : (
-
- )}
+
{item.label}
);
diff --git a/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionsList.tsx b/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionsList.tsx
index 901d247d2..455fb312f 100644
--- a/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionsList.tsx
+++ b/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionsList.tsx
@@ -12,7 +12,7 @@ export type MentionListRef = {
export const MentionList = forwardRef(
(props, ref) => {
- const { selectItem, selectedIndex } = useMentionList({
+ const { selectItem } = useMentionList({
...props,
ref,
});
@@ -29,7 +29,6 @@ export const MentionList = forwardRef(
selectItem(index)}
type={props.suggestionData.type}
/>
diff --git a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/QADisplay.tsx b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/QADisplay.tsx
index a6aeb7b9c..4b2ed23d0 100644
--- a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/QADisplay.tsx
+++ b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/QADisplay.tsx
@@ -13,15 +13,8 @@ export const QADisplay = ({
index,
lastMessage,
}: QADisplayProps): JSX.Element => {
- const {
- assistant,
- message_id,
- user_message,
- brain_name,
- metadata,
- brain_id,
- thumbs,
- } = content;
+ const { assistant, message_id, user_message, brain_name, metadata, thumbs } =
+ content;
return (
<>
@@ -36,7 +29,6 @@ export const QADisplay = ({
speaker={"assistant"}
text={assistant}
brainName={brain_name}
- brainId={brain_id}
index={index}
metadata={metadata} // eslint-disable-line @typescript-eslint/no-unsafe-assignment
messageId={message_id}
diff --git a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/MessageRow.tsx b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/MessageRow.tsx
index b9f2bae70..1973764c5 100644
--- a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/MessageRow.tsx
+++ b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/MessageRow.tsx
@@ -25,7 +25,6 @@ type MessageRowProps = {
thoughts?: string;
followup_questions?: string[];
};
- brainId?: string;
index?: number;
messageId?: string;
thumbs?: boolean;
@@ -37,7 +36,6 @@ export const MessageRow = ({
text,
brainName,
children,
- brainId,
messageId,
thumbs: initialThumbs,
metadata,
@@ -102,7 +100,7 @@ export const MessageRow = ({
return (
);
diff --git a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/QuestionBrain/QuestionBrain.module.scss b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/QuestionBrain/QuestionBrain.module.scss
index c873753b0..ae6bbfb91 100644
--- a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/QuestionBrain/QuestionBrain.module.scss
+++ b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/QuestionBrain/QuestionBrain.module.scss
@@ -9,11 +9,7 @@
color: var(--text-3);
overflow: hidden;
- .dark_image {
- filter: invert(100%);
- }
-
.brain_name {
@include Typography.EllipsisOverflow;
}
-}
\ No newline at end of file
+}
diff --git a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/QuestionBrain/QuestionBrain.tsx b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/QuestionBrain/QuestionBrain.tsx
index df2a59fe9..173eb65bd 100644
--- a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/QuestionBrain/QuestionBrain.tsx
+++ b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/QuestionBrain/QuestionBrain.tsx
@@ -1,53 +1,22 @@
-import Image from "next/image";
-import { Fragment, useEffect, useState } from "react";
+import { Fragment } from "react";
-import { useBrainApi } from "@/lib/api/brain/useBrainApi";
-import { useUserSettingsContext } from "@/lib/context/UserSettingsProvider/hooks/useUserSettingsContext";
+import Icon from "@/lib/components/ui/Icon/Icon";
import styles from "./QuestionBrain.module.scss";
type QuestionBrainProps = {
brainName?: string | null;
- brainId?: string;
};
export const QuestionBrain = ({
brainName,
- brainId,
}: QuestionBrainProps): JSX.Element => {
- const [brainLogoUrl, setBrainLogoUrl] = useState(
- undefined
- );
- const { isDarkMode } = useUserSettingsContext();
- const { getBrain } = useBrainApi();
-
- const getBrainLogoUrl = async () => {
- if (brainId) {
- try {
- const brain = await getBrain(brainId.toString());
- setBrainLogoUrl(brain?.integration_description?.integration_logo_url);
- } catch (error) {
- console.error(error);
- }
- }
- };
-
- useEffect(() => {
- void getBrainLogoUrl();
- }, [brainId]);
-
if (brainName === undefined || brainName === null) {
return ;
}
return (
-
+
{brainName}
);
diff --git a/frontend/lib/components/CurrentBrain/CurrentBrain.tsx b/frontend/lib/components/CurrentBrain/CurrentBrain.tsx
index edf86cb20..d795c4f4d 100644
--- a/frontend/lib/components/CurrentBrain/CurrentBrain.tsx
+++ b/frontend/lib/components/CurrentBrain/CurrentBrain.tsx
@@ -1,7 +1,4 @@
-import Image from "next/image";
-
import { useBrainContext } from "@/lib/context/BrainProvider/hooks/useBrainContext";
-import { useUserSettingsContext } from "@/lib/context/UserSettingsProvider/hooks/useUserSettingsContext";
import styles from "./CurrentBrain.module.scss";
@@ -17,7 +14,6 @@ export const CurrentBrain = ({
remainingCredits,
}: CurrentBrainProps): JSX.Element => {
const { currentBrain, setCurrentBrainId } = useBrainContext();
- const { isDarkMode } = useUserSettingsContext();
const removeCurrentBrain = (): void => {
setCurrentBrainId(null);
};
@@ -48,17 +44,7 @@ export const CurrentBrain = ({
Talking to
-
+
{currentBrain.name}