From 995d20bdf354ef1720bc3ebc09b7dec083c02fdb Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Mon, 2 Feb 2026 10:54:34 +0700
Subject: [PATCH] chore: implement permission guard for edit, approve/reject,
 and delete button

---
 .../ListDailyChecklistContent.tsx             | 45 ++++++++++---------
 1 file changed, 25 insertions(+), 20 deletions(-)

diff --git a/src/figma-make/components/pages/list-daily-checklist/ListDailyChecklistContent.tsx b/src/figma-make/components/pages/list-daily-checklist/ListDailyChecklistContent.tsx
index f54ad41f..634d8716 100644
--- a/src/figma-make/components/pages/list-daily-checklist/ListDailyChecklistContent.tsx
+++ b/src/figma-make/components/pages/list-daily-checklist/ListDailyChecklistContent.tsx
@@ -36,6 +36,7 @@ import { ColumnDef } from '@tanstack/react-table';
 import { useSelect } from '@/components/input/SelectInput';
 import { KandangApi } from '@/services/api/master-data';
 import DebouncedTextInput from '@/components/input/DebouncedTextInput';
+import RequirePermission from '@/components/helper/RequirePermission';
 
 interface Kandang {
   id: string;
@@ -389,19 +390,21 @@ export function ListDailyChecklistContent() {
           </Button>
 
           {row.original.status === 'DRAFT' && (
-            <Button
-              size='sm'
-              variant='outline'
-              onClick={() => handleEdit(row.original)}
-              className='border-gray-200 text-gray-700 hover:bg-gray-50'
-            >
-              <Edit className='w-4 h-4 mr-1' />
-              Edit
-            </Button>
+            <RequirePermission permissions='lti.daily_checklist.create'>
+              <Button
+                size='sm'
+                variant='outline'
+                onClick={() => handleEdit(row.original)}
+                className='border-gray-200 text-gray-700 hover:bg-gray-50'
+              >
+                <Edit className='w-4 h-4 mr-1' />
+                Edit
+              </Button>
+            </RequirePermission>
           )}
 
           {row.original.status === 'SUBMITTED' && (
-            <>
+            <RequirePermission permissions='lti.daily_checklist.create'>
               <Button
                 size='sm'
                 onClick={() => handleApprove(row.original)}
@@ -419,19 +422,21 @@ export function ListDailyChecklistContent() {
                 <XCircle className='w-4 h-4 mr-1' />
                 Reject
               </Button>
-            </>
+            </RequirePermission>
           )}
 
           {row.original.status === 'DRAFT' && (
-            <Button
-              size='sm'
-              variant='destructive'
-              onClick={() => handleDelete(row.original)}
-              className='bg-red-600 hover:bg-red-700 text-white'
-            >
-              <Trash2 className='w-4 h-4 mr-1' />
-              Hapus
-            </Button>
+            <RequirePermission permissions='lti.daily_checklist.create'>
+              <Button
+                size='sm'
+                variant='destructive'
+                onClick={() => handleDelete(row.original)}
+                className='bg-red-600 hover:bg-red-700 text-white'
+              >
+                <Trash2 className='w-4 h-4 mr-1' />
+                Hapus
+              </Button>
+            </RequirePermission>
           )}
         </div>
       ),