From cf1a390c676a19a228c16dd4499ac4450219f1cd Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Wed, 5 Nov 2025 19:17:44 +0900
Subject: [PATCH] Add permission check to key-in payment request button
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add checkGrant(56, 'X') permission check to onClickToNavigate function
- Show alert message when user lacks permission
- Simplify onClick handler from arrow function to direct method reference

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../ui/key-in-payment/key-in-payment-list.tsx             | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/entities/additional-service/ui/key-in-payment/key-in-payment-list.tsx b/src/entities/additional-service/ui/key-in-payment/key-in-payment-list.tsx
index 88ba6b8..e722642 100644
--- a/src/entities/additional-service/ui/key-in-payment/key-in-payment-list.tsx
+++ b/src/entities/additional-service/ui/key-in-payment/key-in-payment-list.tsx
@@ -4,6 +4,8 @@ import { ListDateGroup } from '../list-date-group';
 import { KeyInPaymentListItem, KeyInPaymentListProps } from '../../model/key-in/types';
 import { JSX } from 'react';
 import { useTranslation } from 'react-i18next';
+import { checkGrant } from '@/shared/lib/check-grant';
+import { showAlert } from '@/widgets/show-alert';
 
 export const KeyInPaymentList = ({
   additionalServiceCategory,
@@ -59,6 +61,10 @@ export const KeyInPaymentList = ({
   };
 
   const onClickToNavigate = () => {
+    if (!checkGrant(56, 'X')) {
+      showAlert(t('common.nopermission'));
+      return;
+    }
     navigate(PATHS.additionalService.keyInPayment.request);
   };
 
@@ -70,7 +76,7 @@ export const KeyInPaymentList = ({
       <div className="apply-row">
         <button
           className="btn-50 btn-blue flex-1"
-          onClick={() => onClickToNavigate()}
+          onClick={onClickToNavigate}
         >{t('additionalService.linkPay.paymentRequest')}</button>
       </div>
     </>