import { useTranslation } from "react-i18next"; import { AiOutlineLoading3Quarters } from "react-icons/ai"; import { ChatInput, KnowledgeToFeed } from "./components"; import { useActionBar } from "./hooks/useActionBar"; import { useKnowledgeUploader } from "./hooks/useKnowledgeUploader"; export const ActionsBar = (): JSX.Element => { const { shouldDisplayUploadCard, setShouldDisplayUploadCard, hasPendingRequests, setHasPendingRequests, } = useActionBar(); const { addContent, contents, feedBrain, removeContent } = useKnowledgeUploader({ setHasPendingRequests, setShouldDisplayUploadCard, }); const { t } = useTranslation(["chat"]); return ( <> {hasPendingRequests && (