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

refactor(FE): Refactor table actions to be part of the "Value" column

Browse Source
This commit is contained in:
rstubryan
2026-02-07 10:04:15 +07:00
parent b85e47f601
commit a8dce9da46
2 changed files with 76 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/marketing/form/table-view/DeliveryOrderProductTable.tsx
+39 -31
View File
@@ -64,36 +64,6 @@ const DeliveryOrderProductTable = ({
title: 'px-2 py-1.5 font-normal text-sm', title: 'px-2 py-1.5 font-normal text-sm',
collapsible: 'rounded-lg', collapsible: 'rounded-lg',
}} }}
actions={
formType === 'add_delivery' ||
formType === 'edit_delivery' ||
formType === 'detail' ? (
<div className='flex flex-row gap-1.5 items-center'>
<Button
type='button'
variant='ghost'
color='none'
onClick={() => {
onEditRef.current(item.id as number, item);
}}
className='p-0 hover:text-base-content'
>
<Icon icon='heroicons:pencil' width={20} height={20} />
</Button>
<Button
type='button'
variant='ghost'
color='none'
onClick={() => {
onDeleteRef.current(item.id as number);
}}
className='p-0 text-error hover:text-base-content'
>
<Icon icon='heroicons:trash' width={20} height={20} />
</Button>
</div>
) : undefined
}
> >
<table <table
style={{ style={{
@@ -107,7 +77,45 @@ const DeliveryOrderProductTable = ({
Label Label
</th> </th>
<th className='text-start font-medium text-base-content/50 text-sm px-4 py-3'> <th className='text-start font-medium text-base-content/50 text-sm px-4 py-3'>
Value <div className='flex w-full flex-row gap-1 items-center justify-between h-full'>
<div>Value</div>
{(formType === 'add_delivery' ||
formType === 'edit_delivery' ||
formType === 'detail') && (
<div className='flex flex-row gap-1.5 items-center'>
<Button
type='button'
variant='ghost'
color='none'
onClick={() => {
onEditRef.current(item.id as number, item);
}}
className='p-0 hover:text-base-content'
>
<Icon
icon='heroicons:pencil'
width={20}
height={20}
/>
</Button>
<Button
type='button'
variant='ghost'
color='none'
onClick={() => {
onDeleteRef.current(item.id as number);
}}
className='p-0 text-error hover:text-base-content'
>
<Icon
icon='heroicons:trash'
width={20}
height={20}
/>
</Button>
</div>
)}
</div>
</th> </th>
</tr> </tr>
<> <>
src/components/pages/marketing/form/table-view/SalesOrderProductTable.tsx
+37 -29
View File
@@ -159,34 +159,6 @@ const SalesOrderProductTable = ({
title: 'px-2 py-1.5 font-normal text-sm', title: 'px-2 py-1.5 font-normal text-sm',
collapsible: 'rounded-lg', collapsible: 'rounded-lg',
}} }}
actions={
formType !== 'success' ? (
<div className='flex flex-row gap-1.5 items-center'>
<Button
type='button'
variant='ghost'
color='none'
onClick={() => {
onEditRef.current(item.id as number);
}}
className='p-0 hover:text-base-content'
>
<Icon icon='heroicons:pencil' width={20} height={20} />
</Button>
<Button
type='button'
variant='ghost'
color='none'
onClick={() => {
onDeleteRef.current(item.id as number);
}}
className='p-0 text-error hover:text-base-content'
>
<Icon icon='heroicons:trash' width={20} height={20} />
</Button>
</div>
) : undefined
}
> >
<table <table
style={{ style={{
@@ -200,7 +172,43 @@ const SalesOrderProductTable = ({
Label Label
</th> </th>
<th className='text-start font-medium text-base-content/50 text-sm px-4 py-3'> <th className='text-start font-medium text-base-content/50 text-sm px-4 py-3'>
Value <div className='flex w-full flex-row gap-1 items-center justify-between h-full'>
<div>Value</div>
{formType !== 'success' && (
<div className='flex flex-row gap-1.5 items-center'>
<Button
type='button'
variant='ghost'
color='none'
onClick={() => {
onEditRef.current(item.id as number);
}}
className='p-0 hover:text-base-content'
>
<Icon
icon='heroicons:pencil'
width={20}
height={20}
/>
</Button>
<Button
type='button'
variant='ghost'
color='none'
onClick={() => {
onDeleteRef.current(item.id as number);
}}
className='p-0 text-error hover:text-base-content'
>
<Icon
icon='heroicons:trash'
width={20}
height={20}
/>
</Button>
</div>
)}
</div>
</th> </th>
</tr> </tr>
<> <>