natgitadm/ERitors-Scribe-Desktop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove unused components and models for improved maintainability

Browse Source 
- Deleted redundant components (`AddActionButton`, `AlertBox`, `AlertStack`, `BackButton`, `CancelButton`, and `CollapsableArea`) and related files.
- Removed unused models (`Book`, `BookSerie`, `BookTables`, `Character`, and `Chapter`) to reduce codebase clutter.
- Updated project structure and references to reflect these removals.
This commit is contained in:
natreex
2026-03-22 22:37:31 -04:00
parent e8aaef108b
commit 64ed90d993
229 changed files with 15091 additions and 21289 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
components/form/ToggleSwitch.tsx
View File

@@ -5,9 +5,16 @@ interface ToggleSwitchProps {
checked: boolean;
onChange: (checked: boolean) => void;
disabled?: boolean;
size?: 'sm' | 'md';
}
export default function ToggleSwitch({checked, onChange, disabled = false}: ToggleSwitchProps) {
export default function ToggleSwitch({checked, onChange, disabled = false, size = 'md'}: ToggleSwitchProps) {
const trackClass: string = size === 'sm' ? 'h-4 w-7' : 'h-6 w-11';
const thumbClass: string = size === 'sm' ? 'h-2.5 w-2.5' : 'h-4 w-4';
const translateClass: string = size === 'sm'
? (checked ? 'translate-x-3.5' : 'translate-x-0.5')
: (checked ? 'translate-x-6' : 'translate-x-1');
return (
<button
type="button"
@@ -15,14 +22,12 @@ export default function ToggleSwitch({checked, onChange, disabled = false}: Togg
aria-checked={checked}
disabled={disabled}
onClick={(): void => onChange(!checked)}
className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors duration-200 ${
className={`relative inline-flex ${trackClass} items-center rounded-full transition-colors duration-200 ${
checked ? 'bg-primary' : 'bg-secondary'
} ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}`}
>
<span
className={`inline-block h-4 w-4 transform rounded-full bg-white transition-transform duration-200 ${
checked ? 'translate-x-6' : 'translate-x-1'
}`}
className={`inline-block ${thumbClass} transform rounded-full bg-text-primary transition-transform duration-200 ${translateClass}`}
/>
</button>
);