chore: update eslint and prettier configuration
This commit is contained in:
@@ -37,7 +37,8 @@ export function usePlanColumns(): ColumnDef<Plan>[] {
|
||||
{
|
||||
accessorKey: 'price',
|
||||
header: 'Price',
|
||||
cell: ({ row }) => formatPrice(row.original.price, row.original.billing_cycle),
|
||||
cell: ({ row }) =>
|
||||
formatPrice(row.original.price, row.original.billing_cycle),
|
||||
},
|
||||
{
|
||||
accessorKey: 'trial_days',
|
||||
@@ -68,7 +69,9 @@ export function usePlanColumns(): ColumnDef<Plan>[] {
|
||||
<Badge variant={row.original.is_active ? 'default' : 'secondary'}>
|
||||
{row.original.is_active ? 'Active' : 'Inactive'}
|
||||
</Badge>
|
||||
{row.original.is_custom ? <Badge variant="outline">Custom</Badge> : null}
|
||||
{row.original.is_custom ? (
|
||||
<Badge variant="outline">Custom</Badge>
|
||||
) : null}
|
||||
</div>
|
||||
),
|
||||
},
|
||||
|
||||
@@ -31,7 +31,10 @@ export function PlanFilters({
|
||||
placeholder="Search plans"
|
||||
className="w-full sm:w-72"
|
||||
/>
|
||||
<Select value={statusFilter} onValueChange={(value) => onStatusChange(value as PlanStatusFilter)}>
|
||||
<Select
|
||||
value={statusFilter}
|
||||
onValueChange={(value) => onStatusChange(value as PlanStatusFilter)}
|
||||
>
|
||||
<SelectTrigger className="w-full sm:w-40">
|
||||
<SelectValue placeholder="Status" />
|
||||
</SelectTrigger>
|
||||
|
||||
@@ -201,7 +201,9 @@ export function PlanSheet({
|
||||
<div className="space-y-3">
|
||||
<div className="flex items-center justify-between gap-3">
|
||||
<Label>Permissions</Label>
|
||||
<span className="text-muted-foreground">{permissionIds.length} selected</span>
|
||||
<span className="text-muted-foreground">
|
||||
{permissionIds.length} selected
|
||||
</span>
|
||||
</div>
|
||||
{isPermissionsLoading ? (
|
||||
<div className="rounded-md border p-6 text-muted-foreground">
|
||||
@@ -226,7 +228,9 @@ export function PlanSheet({
|
||||
Cancel
|
||||
</Button>
|
||||
<Button type="submit" disabled={isSaving}>
|
||||
{isSaving ? <Loader2 className="mr-2 size-4 animate-spin" /> : null}
|
||||
{isSaving ? (
|
||||
<Loader2 className="mr-2 size-4 animate-spin" />
|
||||
) : null}
|
||||
{planId ? 'Update Plan' : 'Create Plan'}
|
||||
</Button>
|
||||
</SheetFooter>
|
||||
|
||||
@@ -117,7 +117,10 @@ export function usePlanForm({
|
||||
max_organizations: plan.max_organizations ?? 0,
|
||||
max_users: plan.max_users ?? 0,
|
||||
max_roles: plan.max_roles ?? 0,
|
||||
permission_ids: collectPermissionIdsByKeys(permissionTree, plan.permissions || []),
|
||||
permission_ids: collectPermissionIdsByKeys(
|
||||
permissionTree,
|
||||
plan.permissions || [],
|
||||
),
|
||||
is_active: plan.is_active,
|
||||
is_custom: plan.is_custom,
|
||||
});
|
||||
@@ -126,7 +129,11 @@ export function usePlanForm({
|
||||
);
|
||||
|
||||
const setPermissionIds = useCallback(
|
||||
(ids: number[]) => setValue('permission_ids', ids, { shouldDirty: true, shouldValidate: true }),
|
||||
(ids: number[]) =>
|
||||
setValue('permission_ids', ids, {
|
||||
shouldDirty: true,
|
||||
shouldValidate: true,
|
||||
}),
|
||||
[setValue],
|
||||
);
|
||||
|
||||
|
||||
@@ -19,7 +19,9 @@ export function useSavePlanMutation({ onSaved }: { onSaved: () => void }) {
|
||||
onSaved();
|
||||
},
|
||||
onError: (_error, values) => {
|
||||
toast.error(values.id ? 'Failed to update plan' : 'Failed to create plan');
|
||||
toast.error(
|
||||
values.id ? 'Failed to update plan' : 'Failed to create plan',
|
||||
);
|
||||
},
|
||||
});
|
||||
}
|
||||
@@ -28,7 +30,8 @@ export function usePlanStatusMutation() {
|
||||
const queryClient = useQueryClient();
|
||||
|
||||
return useMutation({
|
||||
mutationFn: (plan: Plan) => planService.updatePlanStatus(plan.id, !plan.is_active),
|
||||
mutationFn: (plan: Plan) =>
|
||||
planService.updatePlanStatus(plan.id, !plan.is_active),
|
||||
onSuccess: () => {
|
||||
toast.success('Plan status updated');
|
||||
queryClient.invalidateQueries({ queryKey: planKeys.lists() });
|
||||
|
||||
@@ -16,7 +16,10 @@ import { PlanTable } from './components/PlanTable';
|
||||
import { usePlanFilters } from './hooks/usePlanFilters';
|
||||
import { usePlanForm } from './hooks/usePlanForm';
|
||||
import { usePlanStatusMutation } from './hooks/usePlanMutations';
|
||||
import { useOrganizationPermissionTreeQuery, usePlansQuery } from './hooks/usePlanQueries';
|
||||
import {
|
||||
useOrganizationPermissionTreeQuery,
|
||||
usePlansQuery,
|
||||
} from './hooks/usePlanQueries';
|
||||
|
||||
export default function PlansPage() {
|
||||
const [isSheetOpen, setIsSheetOpen] = useState(false);
|
||||
@@ -57,8 +60,15 @@ export default function PlansPage() {
|
||||
onSaved: () => handleSheetOpenChange(false),
|
||||
});
|
||||
const { openCreate: prepareCreatePlan, openEdit: prepareEditPlan } = planForm;
|
||||
const { register, control, onSubmit, planId, permissionIds, setPermissionIds, isSaving } =
|
||||
planForm;
|
||||
const {
|
||||
register,
|
||||
control,
|
||||
onSubmit,
|
||||
planId,
|
||||
permissionIds,
|
||||
setPermissionIds,
|
||||
isSaving,
|
||||
} = planForm;
|
||||
const statusMutation = usePlanStatusMutation();
|
||||
|
||||
const openCreate = useCallback(() => {
|
||||
|
||||
Reference in New Issue
Block a user