From 7ac92ff451e93670cbdbb549cb98acc8c419080e Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Mon, 2 Feb 2026 10:59:44 +0700
Subject: [PATCH] chore: implement permission guard for approve/reject button

---
 .../detail/DetailDailyChecklistContent.tsx    | 41 ++++++++++---------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/src/figma-make/components/pages/list-daily-checklist/detail/DetailDailyChecklistContent.tsx b/src/figma-make/components/pages/list-daily-checklist/detail/DetailDailyChecklistContent.tsx
index d8723df0..bc9653d4 100644
--- a/src/figma-make/components/pages/list-daily-checklist/detail/DetailDailyChecklistContent.tsx
+++ b/src/figma-make/components/pages/list-daily-checklist/detail/DetailDailyChecklistContent.tsx
@@ -23,6 +23,7 @@ import { isResponseError } from '@/lib/api-helper';
 import Link from 'next/link';
 import { Icon } from '@iconify/react';
 import { Document } from '@/types/api/api-general';
+import RequirePermission from '@/components/helper/RequirePermission';
 
 interface ChecklistDetailRow {
   checklist_id: string;
@@ -593,25 +594,27 @@ export function DetailDailyChecklistContent() {
             </p>
           </div>
           {header.status === 'SUBMITTED' && (
-            <div className='flex gap-2'>
-              <Button
-                onClick={handleApprove}
-                disabled={actionLoading}
-                className='bg-green-600 hover:bg-green-700 text-white'
-              >
-                <CheckCircle className='w-4 h-4 mr-2' />
-                Approve
-              </Button>
-              <Button
-                onClick={handleReject}
-                disabled={actionLoading}
-                variant='destructive'
-                className='bg-red-600 hover:bg-red-700 text-white'
-              >
-                <XCircle className='w-4 h-4 mr-2' />
-                Reject
-              </Button>
-            </div>
+            <RequirePermission permissions='lti.daily_checklist.create'>
+              <div className='flex gap-2'>
+                <Button
+                  onClick={handleApprove}
+                  disabled={actionLoading}
+                  className='bg-green-600 hover:bg-green-700 text-white'
+                >
+                  <CheckCircle className='w-4 h-4 mr-2' />
+                  Approve
+                </Button>
+                <Button
+                  onClick={handleReject}
+                  disabled={actionLoading}
+                  variant='destructive'
+                  className='bg-red-600 hover:bg-red-700 text-white'
+                >
+                  <XCircle className='w-4 h-4 mr-2' />
+                  Reject
+                </Button>
+              </div>
+            </RequirePermission>
           )}
         </div>