mirror of
https://github.com/upscayl/upscayl.git
synced 2024-12-18 18:35:58 +01:00
95843ded88
* Initial refactor * Remove unused imports * Update code * Refactor and Update Code - Change file names to kebab-caase - Add new useTranslation Hook - Change useLog hook name to useLogger - Update translation hook to provide autocomplete * Update import and component name * Rename files and components * Update locales * Update electron commands * Update var * Change Lowercase * Replace filter with map * Add props * Update flag check * Add validate paths * Update formats * Update import * Update function * Update function and translation * Update handlePaste
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;
|