gitea-admin/lti-web-client
1
0
Fork 0
mirror of https://gitlab.com/mbugroup/lti-web-client.git synced 2026-05-20 13:32:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(FE-208): use CheckboxInput component for item selection in PurchaseRequisitionsForm

Browse Source
This commit is contained in:
rstubryan
2025-11-11 11:26:22 +07:00
parent 3ed3e2e21a
commit 5fc01a9afa
1 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/purchase/form/request/PurchaseRequisitionsForm.tsx
+15 -8
View File
@@ -9,6 +9,7 @@ import { toast } from 'react-hot-toast';
import Button from '@/components/Button';
import TextInput from '@/components/input/TextInput';
import NumberInput from '@/components/input/NumberInput';
import CheckboxInput from '@/components/input/CheckboxInput';
import SelectInput, {
OptionType,
useSelect,
@@ -665,15 +666,14 @@ const PurchaseRequisitionsForm = ({
<tr>
{type !== 'detail' && (
<th>
<input
type='checkbox'
className='checkbox checkbox-sm'
<CheckboxInput
name='select-all-items'
checked={
formik.values.items?.length ===
selectedPurchaseItems.length &&
formik.values.items?.length > 0
}
onChange={(e) => {
onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
if (e.target.checked) {
setSelectedPurchaseItems(
formik.values.items?.map((_, idx) => idx) ?? []
@@ -682,6 +682,10 @@ const PurchaseRequisitionsForm = ({
setSelectedPurchaseItems([]);
}
}}
classNames={{
wrapper: 'flex justify-center',
checkbox: 'checkbox checkbox-sm',
}}
/>
</th>
)}
@@ -703,11 +707,10 @@ const PurchaseRequisitionsForm = ({
<tr key={`purchase-item-${idx}`}>
{type !== 'detail' && (
<td className='!align-middle'>
<input
type='checkbox'
className='checkbox checkbox-sm'
<CheckboxInput
name={`purchase-item-${idx}`}
checked={selectedPurchaseItems.includes(idx)}
onChange={(e) => {
onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
if (e.target.checked) {
setSelectedPurchaseItems([
...selectedPurchaseItems,
@@ -719,6 +722,10 @@ const PurchaseRequisitionsForm = ({
);
}
}}
classNames={{
wrapper: 'flex justify-center',
checkbox: 'checkbox checkbox-sm',
}}
/>
</td>
)}