dst/store
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor PayrollAdjustmentModal to replace Select component with RadioGroup for type selection, enhancing user experience and streamlining form handling. Update imports and adjust layout for improved accessibility and clarity.

Browse Source
This commit is contained in:
Yoga Pangestu 2026-06-12 16:53:08 +07:00
parent dc335d4dab
commit 20378433d8
1 changed files with 11 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
resources/js/components/admin/finance/payroll/PayrollAdjustmentModal.vue
View File

@ -18,14 +18,9 @@ import {
FieldLabel,
FieldSet,
} from '@/components/ui/field';
import { Label } from '@/components/ui/label';
import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group';
import { RupiahInput } from '@/components/ui/rupiah-input';
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue,
} from '@/components/ui/select';
import { Textarea } from '@/components/ui/textarea';
import { parseRupiah } from '@/lib/rupiah';
import type { PayrollAdjustmentFormData, PayrollListItem, SelectOption } from '@/types/payroll';
@ -91,18 +86,16 @@ function submit() {
</Field>
<Field>
<FieldLabel for="type">Jenis</FieldLabel>
<Select v-model="form.type">
<SelectTrigger id="type">
<SelectValue placeholder="Pilih jenis" />
</SelectTrigger>
<SelectContent>
<SelectItem v-for="option in adjustmentTypes" :key="option.value"
:value="option.value">
<FieldLabel>Jenis</FieldLabel>
<RadioGroup v-model="form.type" class="flex flex-wrap gap-4 pt-1">
<div v-for="option in adjustmentTypes" :key="option.value"
class="flex items-center gap-2">
<RadioGroupItem :id="`type-${option.value}`" :value="option.value" />
<Label :for="`type-${option.value}`" class="font-normal">
{{ option.label }}
</SelectItem>
</SelectContent>
</Select>
</Label>
</div>
</RadioGroup>
<FieldError :message="form.errors.type" />
</Field>