mirror of
https://github.com/danny-avila/LibreChat.git
synced 2026-02-18 00:18:09 +01:00
75324e1c7e
style: AccessRolesPicker to use DropdownPopup, theming, import order, localization refactor: Update localization keys for Agent Marketplace in NewChat component, remove duplicate key style: Adjust layout and font size in NewChat component for Agent Marketplace button style: theming in AgentGrid style: Update theming and text colors across Agent components for improved consistency chore: import order style: Replace Dialog with OGDialog and update content components in AgentDetail refactor: Simplify AgentDetail component by removing dropdown menu and replacing it with a copy link button style: Enhance scrollbar visibility and layout in AgentMarketplace and CategoryTabs components style: Adjust layout in AgentMarketplace component by removing unnecessary padding from the container style: Refactor layout in AgentMarketplace component by reorganizing hero section and sticky wrapper for improved structure with collapsible header effect style: Improve responsiveness and layout in AgentMarketplace component by adjusting header visibility and modifying container styles based on screen size fix: Update localization key for no categories message in CategoryTabs component and corresponding test style: Add className prop to OpenSidebar component for improved styling flexibility and update Header to utilize it for responsive design style: Enhance layout and scrolling behavior in CategoryTabs component by adding scroll snap properties and adjusting class names for improved user experience style: Update AgentGrid component layout and skeleton structure for improved visual consistency and responsiveness
38 lines
1 KiB
TypeScript
38 lines
1 KiB
TypeScript
import { TooltipAnchor, Button, Sidebar } from '@librechat/client';
|
|
import { useLocalize } from '~/hooks';
|
|
import { cn } from '~/utils';
|
|
|
|
export default function OpenSidebar({
|
|
setNavVisible,
|
|
className,
|
|
}: {
|
|
setNavVisible: React.Dispatch<React.SetStateAction<boolean>>;
|
|
className?: string;
|
|
}) {
|
|
const localize = useLocalize();
|
|
return (
|
|
<TooltipAnchor
|
|
description={localize('com_nav_open_sidebar')}
|
|
render={
|
|
<Button
|
|
size="icon"
|
|
variant="outline"
|
|
data-testid="open-sidebar-button"
|
|
aria-label={localize('com_nav_open_sidebar')}
|
|
className={cn(
|
|
'rounded-xl border border-border-light bg-surface-secondary p-2 hover:bg-surface-hover',
|
|
className,
|
|
)}
|
|
onClick={() =>
|
|
setNavVisible((prev) => {
|
|
localStorage.setItem('navVisible', JSON.stringify(!prev));
|
|
return !prev;
|
|
})
|
|
}
|
|
>
|
|
<Sidebar />
|
|
</Button>
|
|
}
|
|
/>
|
|
);
|
|
}
|