mirror of
https://github.com/luanslimadev/Wand-Enhancer.git
synced 2026-08-29 00:01:11 +00:00
kitbyte
a0b3968d33
Reorganize the panel around product capabilities and integrate the remote i18n feature from origin/master into the new structure. - Restructure src into capability features (app, trainer, library, remote-session, appearance, shared); move the bridge to bridge/src. - Add lingui-based UI localization and wrap remaining user-facing strings (Trans / msg macros); fix the 'END В·' mojibake. - Port WeMod cheat-metadata i18n: capture the access token from the snapshot's renderer in the bridge and fetch localized trainer_meta in remote-session.i18n; guarantee snapshot sync on token failure. - Wire vitest to the app's lingui/preact pipeline (mergeConfig).
21 lines
1002 B
TypeScript
21 lines
1002 B
TypeScript
import { cn } from '@/shared/lib/ui';
|
|
|
|
import type { ControlInternalProps } from './shared';
|
|
|
|
export const ToggleControl = ({ value, disabled, onChange }: ControlInternalProps) => {
|
|
const checked = Boolean(value);
|
|
const handleClick = () => onChange(!checked);
|
|
|
|
return (
|
|
<button
|
|
type="button"
|
|
aria-pressed={checked}
|
|
disabled={disabled}
|
|
className={cn('relative h-[26px] w-11 shrink-0 self-center rounded-full border transition-all disabled:cursor-not-allowed disabled:opacity-50', checked ? 'border-(--deck-accent) bg-[color-mix(in_oklab,var(--deck-accent)_22%,transparent)] shadow-[0_0_0_4px_color-mix(in_oklab,var(--deck-accent)_12%,transparent)]' : 'border-white/10 bg-white/[0.05]')}
|
|
onClick={handleClick}
|
|
>
|
|
<span className={cn('absolute top-0.5 size-5 rounded-full transition-all', checked ? 'left-5 bg-(--deck-accent) shadow-[0_0_8px_color-mix(in_oklab,var(--deck-accent)_50%,transparent)]' : 'left-0.5 bg-(--deck-fg-3)')} />
|
|
</button>
|
|
);
|
|
};
|