mirror of
https://github.com/upscayl/upscayl.git
synced 2024-12-11 15:26:13 +01:00
38 lines
1.0 KiB
TypeScript
38 lines
1.0 KiB
TypeScript
import React from "react";
|
|
|
|
type SaveOutputFolderToggleProps = {
|
|
rememberOutputFolder: boolean;
|
|
setRememberOutputFolder: (arg: any) => void;
|
|
};
|
|
|
|
export function SaveOutputFolderToggle({
|
|
rememberOutputFolder,
|
|
setRememberOutputFolder,
|
|
}: SaveOutputFolderToggleProps) {
|
|
return (
|
|
<div className="flex flex-col gap-2">
|
|
<p className="text-sm font-medium">SAVE OUTPUT FOLDER</p>
|
|
<p className="text-xs text-base-content/80">
|
|
If enabled, the output folder will be remembered between sessions.
|
|
</p>
|
|
<input
|
|
type="checkbox"
|
|
className="toggle-primary toggle"
|
|
checked={rememberOutputFolder}
|
|
onClick={() => {
|
|
setRememberOutputFolder((oldValue) => {
|
|
if (oldValue === true) {
|
|
localStorage.removeItem("lastOutputFolderPath");
|
|
}
|
|
return !oldValue;
|
|
});
|
|
localStorage.setItem(
|
|
"rememberOutputFolder",
|
|
JSON.stringify(!rememberOutputFolder)
|
|
);
|
|
}}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|