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

refactor(FE-316,438): Wrap Uniformity actions with permission checks

Browse Source
This commit is contained in:
rstubryan
2025-12-27 18:05:25 +07:00
parent 0a447f93c1
commit 5f68c05acc
5 changed files with 79 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/uniformity/UniformityTable.tsx
+44 -35
View File
@@ -23,6 +23,7 @@ import ConfirmationModal from '@/components/modal/ConfirmationModal';
import toast from 'react-hot-toast';
import Card from '@/components/Card';
import UniformityTableSkeleton from './skeleton/UniformityTableSkeleton';
import RequirePermission from '@/components/helper/RequirePermission';
const statusColorMap: Record<string, string> = {
APPROVED: 'bg-[#00D39033]',
@@ -78,38 +79,44 @@ const RowOptionsMenu = ({
return (
<RowOptionsMenuWrapper type={type}>
<Button
href={`/uniformity/detail/?uniformityId=${props.row.original.id}`}
variant='ghost'
color='primary'
className='justify-start text-sm'
>
<Icon icon='mdi:eye-outline' width={16} height={16} />
Detail
</Button>
<Button
href={`/uniformity/edit/?uniformityId=${props.row.original.id}`}
variant='ghost'
color='warning'
className='justify-start text-sm'
>
<Icon icon='mdi:pencil-outline' width={16} height={16} />
Edit
</Button>
<Button
onClick={handleDeleteClick}
variant='ghost'
color='error'
className='justify-start text-sm text-error focus-visible:text-error-content hover:text-error-content'
>
<Icon
icon='mdi:delete-outline'
width={16}
height={16}
<RequirePermission permissions='lti.production.uniformity.detail'>
<Button
href={`/uniformity/detail/?uniformityId=${props.row.original.id}`}
variant='ghost'
color='primary'
className='justify-start text-sm'
/>
Delete
</Button>
>
<Icon icon='mdi:eye-outline' width={16} height={16} />
Detail
</Button>
</RequirePermission>
<RequirePermission permissions='lti.production.uniformity.update'>
<Button
href={`/uniformity/edit/?uniformityId=${props.row.original.id}`}
variant='ghost'
color='warning'
className='justify-start text-sm'
>
<Icon icon='mdi:pencil-outline' width={16} height={16} />
Edit
</Button>
</RequirePermission>
<RequirePermission permissions='lti.production.uniformity.delete'>
<Button
onClick={handleDeleteClick}
variant='ghost'
color='error'
className='justify-start text-sm text-error focus-visible:text-error-content hover:text-error-content'
>
<Icon
icon='mdi:delete-outline'
width={16}
height={16}
className='justify-start text-sm'
/>
Delete
</Button>
</RequirePermission>
</RowOptionsMenuWrapper>
);
};
@@ -348,10 +355,12 @@ const UniformityTable = ({ refresh }: { refresh?: () => void }) => {
<>
<section className='[&_button]:w-full [&_button]:sm:w-fit [&_button]:last:mt-2 [&_button]:last:sm:mt-0 sm:flex sm:justify-between grid grid-cols-1 sm:gap-0 gap-2'>
<div className='w-full sm:w-fit flex flex-col sm:flex-row self-start gap-2'>
<Button color='primary' href='/uniformity/add'>
<Icon icon='ic:round-plus' width={18} height={18} />
Add Uniformity
</Button>
<RequirePermission permissions='lti.production.uniformity.create'>
<Button color='primary' href='/uniformity/add'>
<Icon icon='ic:round-plus' width={18} height={18} />
Add Uniformity
</Button>
</RequirePermission>
</div>
<div className='sm:flex gap-2'>