mirror of
https://github.com/danny-avila/LibreChat.git
synced 2025-12-29 06:38:50 +01:00
ec561fcd7f
* chore(client): update lucide-react package to version 0.220.0 style(client): change color of MessageHeader component text to gray-500 style(client): change color of nav-close-button to gray-400 and nav-open-button to gray-500 feat(client): add Panel component to replace svg icons in Nav component * fix: forwardRef errors in Nav Menu * refactor(SearchBar.jsx): change clearSearch prop destructuring to props destructuring refactor(SearchBar.jsx): add ref prop to SearchBar component refactor(getIcon.jsx): remove unused imports refactor(getIcon.jsx): add nullish coalescing operator to user.name and user.avatar properties * fix (NavLinks): modals no longer close on nav menu close * style(ExportModel.jsx): remove unnecessary z-index property from a div element * style(ExportModel.jsx): remove trailing whitespace in input element * refactor(Message.jsx): remove unused cancelled variable fix(Message.jsx): fix error message length exceeding 512 characters refactor(MenuItem.jsx): remove unused MenuItem component
47 lines
1.1 KiB
JavaScript
47 lines
1.1 KiB
JavaScript
import { cn } from '~/utils/';
|
|
|
|
export default function Panel({ open = false, className }) {
|
|
const openPanel = (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
strokeWidth="1.5"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
className={cn('lucide lucide-panel-right-close', className)}
|
|
>
|
|
<rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
|
|
<line x1="15" x2="15" y1="3" y2="21" />
|
|
<path d="m8 9 3 3-3 3" />
|
|
</svg>
|
|
);
|
|
|
|
const closePanel = (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
strokeWidth="1.5"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
className={cn('lucide lucide-panel-left-close', className)}
|
|
>
|
|
<rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
|
|
<path d="M9 3v18" />
|
|
<path d="m16 15-3-3 3-3" />
|
|
</svg>
|
|
);
|
|
|
|
if (open) {
|
|
return openPanel;
|
|
} else {
|
|
return closePanel;
|
|
}
|
|
}
|