45 lines
1.4 KiB
TypeScript
45 lines
1.4 KiB
TypeScript
/**
|
||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||
* SPDX-License-Identifier: AGPL-3.0-only
|
||
* See the LICENSE file for details.
|
||
*/
|
||
|
||
import type { Control, FieldPath, FieldValues } from "react-hook-form";
|
||
import { Controller } from "react-hook-form";
|
||
// plane internal packages
|
||
import { ToggleSwitch } from "@plane/ui";
|
||
|
||
type Props<T extends FieldValues = FieldValues> = {
|
||
control: Control<T>;
|
||
field: TControllerSwitchFormField<T>;
|
||
};
|
||
|
||
export type TControllerSwitchFormField<T extends FieldValues = FieldValues> = {
|
||
name: FieldPath<T>;
|
||
label: string;
|
||
};
|
||
|
||
export function ControllerSwitch<T extends FieldValues>(props: Props<T>) {
|
||
const {
|
||
control,
|
||
field: { name, label },
|
||
} = props;
|
||
|
||
return (
|
||
<div className="flex items-center justify-between gap-1">
|
||
<h4 className="text-sm text-custom-text-300">Обновлять атрибуты пользователя из {label} при входе</h4>
|
||
<div className="relative">
|
||
<Controller
|
||
control={control}
|
||
name={name as FieldPath<T>}
|
||
render={({ field: { value, onChange } }) => {
|
||
const parsedValue = Number.parseInt(typeof value === "string" ? value : String(value ?? "0"), 10);
|
||
const isOn = !Number.isNaN(parsedValue) && parsedValue !== 0;
|
||
return <ToggleSwitch value={isOn} onChange={() => onChange(isOn ? "0" : "1")} size="sm" />;
|
||
}}
|
||
/>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|