Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-12 08:15:52 +01:00
Code Issues Packages Projects Releases Activity

feat(react): port bookmark switch

Browse Source
This commit is contained in:
Elian Doran
2025-08-22 11:24:27 +03:00
parent da4810672d
commit f9b6fd6ac5
6 changed files with 53 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/client/src/widgets/react/FormToggle.tsx
View File

@@ -10,16 +10,17 @@ interface FormToggleProps {
switchOffName: string;
switchOffTooltip: string;
helpPage?: string;
disabled?: boolean;
}
export default function FormToggle({ currentValue, helpPage, switchOnName, switchOnTooltip, switchOffName, switchOffTooltip, onChange }: FormToggleProps) {
export default function FormToggle({ currentValue, helpPage, switchOnName, switchOnTooltip, switchOffName, switchOffTooltip, onChange, disabled }: FormToggleProps) {
return (
<div className="switch-widget">
<span className="switch-name">{ currentValue ? switchOffName : switchOnName }</span>
<label>
<div
className={`switch-button ${currentValue ? "on" : ""}`}
className={`switch-button ${currentValue ? "on" : ""} ${disabled ? "disabled" : ""}`}
title={currentValue ? switchOffTooltip : switchOnTooltip }
>
<input
@@ -29,7 +30,8 @@ export default function FormToggle({ currentValue, helpPage, switchOnName, switc
onInput={(e) => {
onChange(!currentValue);
e.preventDefault();
}}
}}
disabled={disabled}
/>
</div>
</label>