에스크로 메일 재발송 수정

src/entities/transaction/ui/cash-receit-purpose-update-bottom-sheet.tsx

@@ -23,7 +23,7 @@ export const CashReceitPurposeUpdateBottomSheet = ({
     setBottomSheetOn(false);
   };
   const onCliickToPurposeUpdate = () => {
-    if(checkGrant(menuId, 'X')){
+    if(checkGrant(menuId, 'W')){
       callPurposeUpdate();
     }
     else{

src/entities/transaction/ui/detail/escrow-detail.tsx

@@ -104,7 +104,7 @@ export const EscrowDetail = ({
 
 
   const onClickToShowMailResend = () => {
-    if(checkGrant(menuId, 'W')){
+    if(checkGrant(menuId, 'X')){
       setDownloadBottomSheetOn(true);
     }
     else{
@@ -118,7 +118,7 @@ export const EscrowDetail = ({
       tid: tid,
     };
     escrowMailResend(params).then((rs: EscrowMailResendResponse) => {
-      snackBar('이메일 재전송 요청에 성공하였습니다.');
+      snackBar('메일 재발송을 성공하였습니다.');
     }).catch((e: any) => {
       if(e.response?.data?.error?.message){
         snackBar(e.response?.data?.error?.message);
@@ -231,10 +231,7 @@ export const EscrowDetail = ({
           <button
             className="btn-50 btn-blue flex-1"
             onClick={ () => onClickToShowMailResend() }
-            disabled={
+            
-              escrowInfo?.deliveryStatus !== EscrowDeliveryStatus.DELIVERY_INSERT &&
-              escrowInfo?.deliveryStatus !== EscrowDeliveryStatus.DELIVERY_COMPLETE
-            }
           >{ t('escrow.mailResend') }</button>
         </div>
       </motion.div>

src/entities/transaction/ui/escrow-mail-resend-bottom-sheet.tsx

@@ -1,4 +1,6 @@
 import { IMAGE_ROOT } from '@/shared/constants/common';
+import { checkGrant } from '@/shared/lib/check-grant';
+import { showAlert } from '@/widgets/show-alert';
 import { motion } from 'framer-motion';
 import { useTranslation } from 'react-i18next';
 
@@ -8,6 +10,7 @@ export interface EscrowMailResendBottomSheetProps {
   callMailResend: () => void;
 };
 
+const menuId = 33;
 export const EscrowMailResendBottomSheet = ({
   bottomSheetOn,
   setBottomSheetOn,
@@ -19,7 +22,12 @@ export const EscrowMailResendBottomSheet = ({
     setBottomSheetOn(false);
   };
   const onClickToMailResend = () => {
-    callMailResend();
+    if(checkGrant(menuId, 'W')){
+      callMailResend();
+    }
+    else{
+      showAlert(t('common.nopermission'));
+    }
   };
 
   const variants = {
@@ -30,7 +38,9 @@ export const EscrowMailResendBottomSheet = ({
   return (
     <>
       { (bottomSheetOn) &&
-        <div className="bg-dim"></div>
+        <div className="bg-dim"
+          style={{ zIndex: 1020 }}
+        ></div>
       }
       <motion.div
         className="bottomsheet"
@@ -41,14 +51,14 @@ export const EscrowMailResendBottomSheet = ({
       >
         <div className="bottomsheet-header">
           <div className="bottomsheet-title">
-            <h2>{ t('transaction.bottomSheet.escrowMailResend.title') }</h2>
+            <h2>메일 재발송</h2>
             <button
               className="close-btn"
               type="button"
             >
               <img
                 src={ IMAGE_ROOT + '/ico_close.svg' }
-                alt={ t('transaction.bottomSheet.escrowMailResend.close') }
+                alt={ t('common.close') }
                 onClick={ () => onClickToClose() }
               />
             </button>
@@ -56,31 +66,13 @@ export const EscrowMailResendBottomSheet = ({
         </div>
 
         <div className="bottomsheet-content">
-          <div className="email-section">
+          <div className="bottom-section">
-            <div className="email-label">
+            <p>
-              <div className="mail-icon">
+              메일 미수신 고객에게 에스크로 메일 재발송이 가능합니다.
-                <div className="mail-icon-bg"></div>
+              <br />
-                <img
+              <br />
-                  src={ IMAGE_ROOT +'/ico_email.svg' }
+              메일을 재발송 하시겠습니까?
-                  alt={ t('transaction.bottomSheet.escrowMailResend.mail') }
+            </p>
-                />
-              </div>
-              <span className="label-text">{ t('transaction.bottomSheet.escrowMailResend.mailLabel') }</span>
-            </div>
-
-            <div className="email-select">
-              <div className="select-wrapper">
-                <select>
-                  <option>{ t('transaction.bottomSheet.escrowMailResend.select') }</option>
-                  <option>{ t('transaction.bottomSheet.escrowMailResend.select') }1</option>
-                  <option>{ t('transaction.bottomSheet.escrowMailResend.select') }2</option>
-                </select>
-              </div>
-            </div>
-
-            <div className="error-message">
-              <p>{ t('transaction.bottomSheet.escrowMailResend.errorNoEmail') }</p>
-            </div>
           </div>
         </div>
 
@@ -89,7 +81,7 @@ export const EscrowMailResendBottomSheet = ({
             className="btn-50 btn-blue flex-1"
             type="button"
             onClick={ () => onClickToMailResend() }
-          >{ t('transaction.submit') }</button>
+          >재발송</button>
         </div>
       </motion.div>
     </>