mirror of
https://github.com/danny-avila/LibreChat.git
synced 2025-12-28 14:18:51 +01:00
8aa1e731ca
* fix: rendering error for mermaid flowchart syntax * feat: add submit button ref and enable submit on Ctrl+Enter in EditMessage component * feat: add save button and keyboard shortcuts for saving and canceling in EditMessage component * feat: collapse chat on max height * refactor: implement scrollable detection for textarea on key down events and initial render * feat: add regenerate button for error handling in HoverButtons, closes #3658 * feat: add functionality to edit latest user message with the up arrow key when the input is empty
41 lines
1 KiB
TypeScript
41 lines
1 KiB
TypeScript
import React from 'react';
|
|
import { Minimize2 } from 'lucide-react';
|
|
import { TooltipAnchor } from '~/components/ui';
|
|
import { useLocalize } from '~/hooks';
|
|
import { cn } from '~/utils';
|
|
|
|
const CollapseChat = ({
|
|
isScrollable,
|
|
isCollapsed,
|
|
setIsCollapsed,
|
|
}: {
|
|
isScrollable: boolean;
|
|
isCollapsed: boolean;
|
|
setIsCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
|
|
}) => {
|
|
const localize = useLocalize();
|
|
if (!isScrollable) {
|
|
return null;
|
|
}
|
|
|
|
if (isCollapsed) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<TooltipAnchor
|
|
role="button"
|
|
description={localize('com_ui_collapse_chat')}
|
|
aria-label={localize('com_ui_collapse_chat')}
|
|
onClick={() => setIsCollapsed(true)}
|
|
className={cn(
|
|
'absolute right-2 top-2 z-10 size-[35px] rounded-full p-2 transition-colors',
|
|
'hover:bg-surface-hover focus:outline-none focus:ring-2 focus:ring-primary focus:ring-opacity-50',
|
|
)}
|
|
>
|
|
<Minimize2 className="h-full w-full" />
|
|
</TooltipAnchor>
|
|
);
|
|
};
|
|
|
|
export default CollapseChat;
|