1
0
mirror of https://github.com/upscayl/upscayl.git synced 2024-12-11 15:26:13 +01:00
upscayl/renderer/components/settings-tab/SaveOutputFolderToggle.tsx
2023-09-09 19:28:21 +05:30

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>
);
}