chore: update eslint and prettier configuration
This commit is contained in:
@@ -23,8 +23,9 @@ export function useUserColumns(): ColumnDef<AdministrationUser>[] {
|
||||
header: 'Name',
|
||||
cell: ({ row }) => (
|
||||
<span>
|
||||
{[row.original.first_name, row.original.last_name].filter(Boolean).join(' ') ||
|
||||
row.original.username}
|
||||
{[row.original.first_name, row.original.last_name]
|
||||
.filter(Boolean)
|
||||
.join(' ') || row.original.username}
|
||||
</span>
|
||||
),
|
||||
},
|
||||
@@ -64,7 +65,13 @@ export function useUserColumns(): ColumnDef<AdministrationUser>[] {
|
||||
accessorKey: 'effective_status',
|
||||
header: 'Status',
|
||||
cell: ({ row }) => (
|
||||
<Badge variant={row.original.effective_status === 'active' ? 'default' : 'secondary'}>
|
||||
<Badge
|
||||
variant={
|
||||
row.original.effective_status === 'active'
|
||||
? 'default'
|
||||
: 'secondary'
|
||||
}
|
||||
>
|
||||
{row.original.effective_status}
|
||||
</Badge>
|
||||
),
|
||||
|
||||
@@ -30,7 +30,10 @@ export function UserFilters({
|
||||
onChange={onSearchChange}
|
||||
placeholder="Search users"
|
||||
/>
|
||||
<Select value={statusFilter} onValueChange={(value) => onStatusChange(value as StatusFilter)}>
|
||||
<Select
|
||||
value={statusFilter}
|
||||
onValueChange={(value) => onStatusChange(value as StatusFilter)}
|
||||
>
|
||||
<SelectTrigger className="md:w-44">
|
||||
<SelectValue />
|
||||
</SelectTrigger>
|
||||
|
||||
@@ -46,10 +46,16 @@ export function UserSheet({
|
||||
isSaving,
|
||||
}: UserSheetProps) {
|
||||
const roleComboboxPortalRef = useRef<HTMLDivElement | null>(null);
|
||||
const firstNameErrorMessage = isSubmitted ? errors.first_name?.message : undefined;
|
||||
const lastNameErrorMessage = isSubmitted ? errors.last_name?.message : undefined;
|
||||
const firstNameErrorMessage = isSubmitted
|
||||
? errors.first_name?.message
|
||||
: undefined;
|
||||
const lastNameErrorMessage = isSubmitted
|
||||
? errors.last_name?.message
|
||||
: undefined;
|
||||
const emailErrorMessage = isSubmitted ? errors.email?.message : undefined;
|
||||
const phoneErrorMessage = isSubmitted ? errors.phone_number?.message : undefined;
|
||||
const phoneErrorMessage = isSubmitted
|
||||
? errors.phone_number?.message
|
||||
: undefined;
|
||||
const roleErrorMessage = isSubmitted ? errors.role_id?.message : undefined;
|
||||
|
||||
return (
|
||||
@@ -63,7 +69,12 @@ export function UserSheet({
|
||||
|
||||
<form onSubmit={onSubmit} className="flex flex-1 flex-col gap-5 px-4">
|
||||
<div className="grid gap-4 md:grid-cols-2">
|
||||
<FormField id="first-name" label="First Name" required error={firstNameErrorMessage}>
|
||||
<FormField
|
||||
id="first-name"
|
||||
label="First Name"
|
||||
required
|
||||
error={firstNameErrorMessage}
|
||||
>
|
||||
<Input
|
||||
id="first-name"
|
||||
placeholder="Enter first name"
|
||||
@@ -72,7 +83,12 @@ export function UserSheet({
|
||||
/>
|
||||
</FormField>
|
||||
|
||||
<FormField id="last-name" label="Last Name" required error={lastNameErrorMessage}>
|
||||
<FormField
|
||||
id="last-name"
|
||||
label="Last Name"
|
||||
required
|
||||
error={lastNameErrorMessage}
|
||||
>
|
||||
<Input
|
||||
id="last-name"
|
||||
placeholder="Enter last name"
|
||||
@@ -82,7 +98,12 @@ export function UserSheet({
|
||||
</FormField>
|
||||
</div>
|
||||
|
||||
<FormField id="email" label="Email" required error={emailErrorMessage}>
|
||||
<FormField
|
||||
id="email"
|
||||
label="Email"
|
||||
required
|
||||
error={emailErrorMessage}
|
||||
>
|
||||
<Input
|
||||
id="email"
|
||||
placeholder="name@example.com"
|
||||
@@ -91,7 +112,11 @@ export function UserSheet({
|
||||
/>
|
||||
</FormField>
|
||||
|
||||
<FormField id="phone-number" label="Phone Number" error={phoneErrorMessage}>
|
||||
<FormField
|
||||
id="phone-number"
|
||||
label="Phone Number"
|
||||
error={phoneErrorMessage}
|
||||
>
|
||||
<Input
|
||||
id="phone-number"
|
||||
placeholder="+919876543210"
|
||||
@@ -111,7 +136,12 @@ export function UserSheet({
|
||||
|
||||
<div ref={roleComboboxPortalRef} />
|
||||
|
||||
<input type="hidden" {...register('role_id')} value={roleId} readOnly />
|
||||
<input
|
||||
type="hidden"
|
||||
{...register('role_id')}
|
||||
value={roleId}
|
||||
readOnly
|
||||
/>
|
||||
</FormField>
|
||||
|
||||
<DialogFooter className="px-0">
|
||||
@@ -125,7 +155,9 @@ export function UserSheet({
|
||||
</Button>
|
||||
|
||||
<Button type="submit" disabled={isSaving || !canSubmit}>
|
||||
{isSaving ? <Loader2 className="mr-2 size-4 animate-spin" /> : null}
|
||||
{isSaving ? (
|
||||
<Loader2 className="mr-2 size-4 animate-spin" />
|
||||
) : null}
|
||||
|
||||
{userId ? 'Update User' : 'Create User'}
|
||||
</Button>
|
||||
|
||||
@@ -7,7 +7,12 @@ interface UserStatsProps {
|
||||
pendingCount: number;
|
||||
}
|
||||
|
||||
export function UserStats({ total, activeCount, inactiveCount, pendingCount }: UserStatsProps) {
|
||||
export function UserStats({
|
||||
total,
|
||||
activeCount,
|
||||
inactiveCount,
|
||||
pendingCount,
|
||||
}: UserStatsProps) {
|
||||
const stats = [
|
||||
{ label: 'Total', value: total },
|
||||
{ label: 'Active', value: activeCount },
|
||||
|
||||
@@ -57,10 +57,12 @@ export function UserTable({
|
||||
onClick: onEdit,
|
||||
},
|
||||
{
|
||||
label: (user) => (user.effective_status === 'active' ? 'Deactivate' : 'Activate'),
|
||||
label: (user) =>
|
||||
user.effective_status === 'active' ? 'Deactivate' : 'Activate',
|
||||
icon: <RotateCcw className="size-4" />,
|
||||
permission: PERMISSIONS.USER.DELETE,
|
||||
disabled: (user) => pendingUserId === user.id || user.effective_status === 'pending',
|
||||
disabled: (user) =>
|
||||
pendingUserId === user.id || user.effective_status === 'pending',
|
||||
onClick: onToggleStatus,
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user