mirror of
https://github.com/danny-avila/LibreChat.git
synced 2025-12-18 01:10:14 +01:00
aa80e4594e
* refactor: SearchBar and Nav components to streamline search functionality and improve state management * refactor: remove refresh conversations * chore: update useNewConvo calls to remove hardcoded default index * refactor: null check for submission in useSSE hook * refactor: remove useConversation hook and update useSearch to utilize useNewConvo * refactor: remove conversation and banner store files; consolidate state management into misc; improve typing of families and add messagesSiblingIdxFamily * refactor: more effectively clear all user/convo state without side effects on logout/delete user * refactor: replace useParams with useLocation in SearchBar to correctly load conversation * refactor: update SearchButtons to use button element and improve conversation ID handling * refactor: use named function for `newConversation` for better call stack tracing * refactor: enhance TermsAndConditionsModal to support array content and improve type definitions for terms of service * refactor: add SetConvoProvider and message invalidation when navigating from search results to prevent initial route rendering edge cases * refactor: rename getLocalStorageItems to localStorage and update imports for consistency * refactor: move clearLocalStorage function to utils and simplify localStorage clearing logic * refactor: migrate authentication mutations to a dedicated Auth data provider and update related tests
56 lines
1.9 KiB
TypeScript
56 lines
1.9 KiB
TypeScript
import React, { useState } from 'react';
|
|
import { useClearConversationsMutation } from 'librechat-data-provider/react-query';
|
|
import { Label, Button, OGDialog, OGDialogTrigger, Spinner } from '~/components';
|
|
import { useLocalize, useNewConvo } from '~/hooks';
|
|
import OGDialogTemplate from '~/components/ui/OGDialogTemplate';
|
|
|
|
export const ClearChats = () => {
|
|
const localize = useLocalize();
|
|
const [open, setOpen] = useState(false);
|
|
const { newConversation } = useNewConvo();
|
|
const clearConvosMutation = useClearConversationsMutation();
|
|
|
|
const clearConvos = () => {
|
|
clearConvosMutation.mutate(
|
|
{},
|
|
{
|
|
onSuccess: () => {
|
|
newConversation();
|
|
},
|
|
},
|
|
);
|
|
};
|
|
|
|
return (
|
|
<div className="flex items-center justify-between">
|
|
<Label className="font-light">{localize('com_nav_clear_all_chats')}</Label>
|
|
<OGDialog open={open} onOpenChange={setOpen}>
|
|
<OGDialogTrigger asChild>
|
|
<Button
|
|
variant="destructive"
|
|
className="flex items-center justify-center rounded-lg transition-colors duration-200"
|
|
onClick={() => setOpen(true)}
|
|
>
|
|
{localize('com_ui_delete')}
|
|
</Button>
|
|
</OGDialogTrigger>
|
|
<OGDialogTemplate
|
|
showCloseButton={false}
|
|
title={localize('com_nav_confirm_clear')}
|
|
className="max-w-[450px]"
|
|
main={
|
|
<Label className="text-left text-sm font-medium">
|
|
{localize('com_nav_clear_conversation_confirm_message')}
|
|
</Label>
|
|
}
|
|
selection={{
|
|
selectHandler: clearConvos,
|
|
selectClasses:
|
|
'bg-destructive text-white transition-all duration-200 hover:bg-destructive/80',
|
|
selectText: clearConvosMutation.isLoading ? <Spinner /> : localize('com_ui_delete'),
|
|
}}
|
|
/>
|
|
</OGDialog>
|
|
</div>
|
|
);
|
|
};
|