mirror of
https://github.com/upscayl/upscayl.git
synced 2025-02-22 05:29:31 +01:00
b39d23c2ff
- Change file names to kebab-caase - Add new useTranslation Hook - Change useLog hook name to useLogger - Update translation hook to provide autocomplete
26 lines
602 B
TypeScript
26 lines
602 B
TypeScript
import { cn } from "@/lib/utils";
|
|
import { ChevronRightIcon } from "lucide-react";
|
|
import React from "react";
|
|
|
|
const SidebarToggleButton = ({
|
|
showSidebar,
|
|
setShowSidebar,
|
|
}: {
|
|
showSidebar: boolean;
|
|
setShowSidebar: React.Dispatch<React.SetStateAction<boolean>>;
|
|
}) => {
|
|
return (
|
|
<button
|
|
className={cn(
|
|
"fixed left-0 top-1/2 z-[999] -translate-y-1/2 rounded-r-full bg-base-100 p-4 ",
|
|
showSidebar ? "hidden" : "",
|
|
)}
|
|
onClick={() => setShowSidebar((prev) => !prev)}
|
|
>
|
|
<ChevronRightIcon />
|
|
</button>
|
|
);
|
|
};
|
|
|
|
export default SidebarToggleButton;
|