7f5a1ab513
* feat: setup schema for workspace roles * chore: regen migration * feat: add publicId to workspace roles * feat: setup default permissions * feat: add repo funcs * feat: setup basic router interactions * feat: add card permissions * feat: assert permissions for lists * feat: assert board permissions * feat: assert permission for remaining routes * feat: add permissions page to settings * feat: enable updating member roles * feat: order members by role and createdAt * feat: allow editing individual permissions * feat: reset role defaults * feat: clear all permission overrides * feat: allow users to delete entities they have created * feat: set roleId when inviting new members * feat: disable UI elements if user does not have permissions * feat: allow admins to assign the admin role to other users * feat: allow delete:list as default * refactor: centre permissions modal * chore: translations
45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
import { Switch } from "@headlessui/react";
|
|
import { twMerge } from "tailwind-merge";
|
|
|
|
const Toggle = ({
|
|
isChecked,
|
|
onChange,
|
|
label,
|
|
disabled,
|
|
showLabel = true,
|
|
}: {
|
|
isChecked: boolean;
|
|
onChange: () => void;
|
|
label: string;
|
|
disabled?: boolean;
|
|
showLabel?: boolean;
|
|
}) => (
|
|
<div className="mr-4 flex items-center justify-end">
|
|
{showLabel && (
|
|
<span className="mr-2 text-xs text-light-900 dark:text-dark-900">
|
|
{label}
|
|
</span>
|
|
)}
|
|
<Switch
|
|
checked={isChecked}
|
|
onChange={onChange}
|
|
disabled={disabled}
|
|
className={twMerge(
|
|
"relative inline-flex h-4 w-6 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-light-800 transition-colors duration-200 ease-in-out focus:outline-none dark:bg-dark-800",
|
|
isChecked && "bg-indigo-600 dark:bg-indigo-600",
|
|
)}
|
|
>
|
|
<span className="sr-only">{label}</span>
|
|
<span
|
|
aria-hidden="true"
|
|
className={twMerge(
|
|
"pointer-events-none inline-block h-3 w-3 translate-x-0 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out",
|
|
isChecked && "translate-x-2",
|
|
)}
|
|
/>
|
|
</Switch>
|
|
</div>
|
|
);
|
|
|
|
export default Toggle;
|