1
0
mirror of https://github.com/upscayl/upscayl.git synced 2024-12-19 10:55:53 +01:00
upscayl/renderer/components/settings-tab/OverwriteToggle.tsx

39 lines
1.1 KiB
TypeScript

import { translationAtom } from "@/atoms/translations-atom";
import { overwriteAtom } from "@/atoms/userSettingsAtom";
import { useAtom, useAtomValue } from "jotai";
import React, { useEffect } from "react";
const OverwriteToggle = () => {
const [overwrite, setOverwrite] = useAtom(overwriteAtom);
const t = useAtomValue(translationAtom);
return (
<div className="flex flex-col gap-2">
<p className="text-sm font-medium">
{t("APP.INFOS.OVERWRITE_TOGGLE.OW_PREV")}
</p>
<p className="text-xs text-base-content/80">
{t("APP.INFOS.OVERWRITE_TOGGLE.OW_TIP")}
</p>
<input
type="checkbox"
className="toggle"
checked={overwrite}
onClick={() => {
setOverwrite((oldValue: boolean) => {
if (oldValue) {
localStorage.removeItem("overwrite");
return false;
} else {
return true;
}
});
localStorage.setItem("overwrite", JSON.stringify(!overwrite));
}}
/>
</div>
);
};
export default OverwriteToggle;