highperfocused/danswer
1
0
Fork 0
mirror of https://github.com/danswer-ai/danswer.git synced 2025-03-26 17:51:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

show "analysis" (#1863)

Browse Source
This commit is contained in:
pablodanswer 2024-07-18 18:18:36 -07:00 committed by GitHub
parent 6b561b8ca9
commit 5d98421ae8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 37 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/components/search/SearchBar.tsx
View File

@ -191,6 +191,12 @@ export const FullSearchBar = ({
<div className="flex justify-end w-full items-center space-x-3 mr-12 px-4 pb-2">
{searchState == "searching" && (
<div key={"Reading"} className="mr-auto relative inline-block">
<span className="loading-text">Searching...</span>
</div>
)}
{searchState == "reading" && (
<div key={"Reading"} className="mr-auto relative inline-block">
<span className="loading-text">Reading Documents...</span>
</div>

46
web/src/components/search/SearchSection.tsx
View File

@ -34,7 +34,12 @@ import { AGENTIC_SEARCH_TYPE_COOKIE_NAME } from "@/lib/constants";
import Cookies from "js-cookie";
import FixedLogo from "@/app/chat/shared_chat_search/FixedLogo";
export type searchState = "input" | "searching" | "analyzing" | "summarizing";
export type searchState =
| "input"
| "searching"
| "reading"
| "analyzing"
| "summarizing";
const SEARCH_DEFAULT_OVERRIDES_START: SearchDefaultOverrides = {
forceDisplayQA: false,
@ -105,9 +110,9 @@ export const SearchSection = ({
SIDEBAR_TOGGLED_COOKIE_NAME,
String(!toggledSidebar).toLocaleLowerCase()
),
{
path: "/",
};
{
path: "/",
};
toggle();
};
@ -231,10 +236,23 @@ export const SearchSection = ({
const updateDocs = (documents: SearchDanswerDocument[]) => {
setTimeout(() => {
if (searchState != "input") {
setSearchState("analyzing");
}
setSearchState((searchState) => {
if (searchState != "input") {
return "reading";
}
return "input";
});
}, 1500);
setTimeout(() => {
setSearchState((searchState) => {
if (searchState != "input") {
return "analyzing";
}
return "input";
});
}, 4500);
setSearchResponse((prevState) => ({
...(prevState || initialSearchResponse),
documents,
@ -476,10 +494,9 @@ export const SearchSection = ({
bg-opacity-80
duration-300
ease-in-out
${
showDocSidebar || toggledSidebar
? "opacity-100 w-[300px] translate-x-0"
: "opacity-0 w-[200px] pointer-events-none -translate-x-10"
${showDocSidebar || toggledSidebar
? "opacity-100 w-[300px] translate-x-0"
: "opacity-0 w-[200px] pointer-events-none -translate-x-10"
}
`}
>
@ -533,10 +550,9 @@ export const SearchSection = ({
<div className="max-w-searchbar-max w-[90%] mx-auto">
<div
className={`transition-all duration-500 ease-in-out overflow-hidden
${
firstSearch
? "opacity-100 max-h-[500px]"
: "opacity-0 max-h-0"
${firstSearch
? "opacity-100 max-h-[500px]"
: "opacity-0 max-h-0"
}`}
onTransitionEnd={handleTransitionEnd}
>