d91ec8869e
feat: implement delete confirmation dialog component for better UX refactor: update supplier and role index pages to utilize new form dialog and delete confirm dialog components feat: add reusable form dialog component for creating and editing entities feat: introduce filter popover component for enhanced filtering options in data tables feat: create image preview button component for displaying images with modal preview feat: add page header component for consistent page layout feat: implement row actions component for handling actions on table rows feat: add status badge component for displaying entity statuses feat: create toggle status component for easily toggling entity states feat: implement draft save hook for auto-saving form data feat: add server table hook for managing server-side pagination and filtering feat: create utility functions for formatting dates and numbers feat: add constants for month names and measurement units
41 lines
962 B
TypeScript
41 lines
962 B
TypeScript
import { router } from '@inertiajs/react';
|
|
import { Switch } from '@/components/ui/switch';
|
|
|
|
type ToggleStatusProps = {
|
|
url: string;
|
|
checked: boolean;
|
|
onToggle?: () => void;
|
|
label?: string;
|
|
wrapperClassName?: string;
|
|
};
|
|
|
|
export function ToggleStatus({
|
|
url,
|
|
checked,
|
|
onToggle,
|
|
label,
|
|
wrapperClassName = 'flex items-center gap-2',
|
|
}: ToggleStatusProps) {
|
|
function handleToggle() {
|
|
onToggle?.();
|
|
router.post(url, {}, { preserveScroll: true });
|
|
}
|
|
|
|
return (
|
|
<div className={wrapperClassName}>
|
|
<Switch
|
|
size="sm"
|
|
checked={checked}
|
|
onCheckedChange={handleToggle}
|
|
/>
|
|
{label && (
|
|
<span
|
|
className={`text-xs font-medium ${checked ? 'text-green-700' : 'text-red-700'}`}
|
|
>
|
|
{label}
|
|
</span>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|