klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-08 05:39:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Only open the side bar automatically when there is no chat history && no pending messages.

Browse Source
This commit is contained in:
sabaimran
2025-01-30 16:07:27 -08:00
parent 98e3f5162a
commit 641f1bcd91
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/interface/web/app/components/chatHistory/chatHistory.tsx
View File

@@ -142,6 +142,7 @@ export default function ChatHistory(props: ChatHistoryProps) {
const isMobileWidth = useIsMobileWidth(); const isMobileWidth = useIsMobileWidth();
const scrollAreaSelector = "[data-radix-scroll-area-viewport]"; const scrollAreaSelector = "[data-radix-scroll-area-viewport]";
const fetchMessageCount = 10; const fetchMessageCount = 10;
const hasStartingMessage = localStorage.getItem("message");
useEffect(() => { useEffect(() => {
const scrollAreaEl = scrollAreaRef.current?.querySelector<HTMLElement>(scrollAreaSelector); const scrollAreaEl = scrollAreaRef.current?.querySelector<HTMLElement>(scrollAreaSelector);
@@ -277,9 +278,11 @@ export default function ChatHistory(props: ChatHistoryProps) {
props.setAgent(chatData.response.agent); props.setAgent(chatData.response.agent);
setData(chatMetadata); setData(chatMetadata);
if (props.setIsChatSideBarOpen) { if (props.setIsChatSideBarOpen) {
if (!hasStartingMessage) {
props.setIsChatSideBarOpen(true); props.setIsChatSideBarOpen(true);
} }
} }
}
setHasMoreMessages(false); setHasMoreMessages(false);
setFetchingData(false); setFetchingData(false);
@@ -469,7 +472,7 @@ export default function ChatHistory(props: ChatHistoryProps) {
onDeleteMessage={handleDeleteMessage} onDeleteMessage={handleDeleteMessage}
customClassName="fullHistory" customClassName="fullHistory"
borderLeftColor={`${data?.agent?.color}-500`} borderLeftColor={`${data?.agent?.color}-500`}
isLastMessage={true} isLastMessage={index === (props.incomingMessages!.length - 1)}
/> />
</React.Fragment> </React.Fragment>
); );