수정

src/entities/common/ui/email-bottom-sheet.tsx

@@ -108,28 +108,30 @@ export const EmailBottomSheet = ({
                 </div>
                 <span className="label-text">{t('common.receiveByEmail')}</span>
               </div>
-              <div className="email-select">
-                <div className="select-wrapper">
-                  <select
-                    value={ userEmail }
-                    onChange={ (e: ChangeEvent<HTMLSelectElement>) => setUserEmail(e.target.value) }
-                  >
-                    {
-                      optionsEmails.map((value, index) => (
-                        <option 
-                          key={ value.value }
-                          value={ value.value }
-                        >{ value.value }</option>
-                      ))
-                    }
-                  </select>
+              { optionsEmails && optionsEmails.length > 0 &&
+                <div className="email-select">
+                  <div className="select-wrapper">
+                    <select
+                      value={ userEmail }
+                      onChange={ (e: ChangeEvent<HTMLSelectElement>) => setUserEmail(e.target.value) }
+                    >
+                      {
+                        optionsEmails.map((value, index) => (
+                          <option 
+                            key={ value.value }
+                            value={ value.value }
+                          >{ value.value }</option>
+                        ))
+                      }
+                    </select>
+                  </div>
                 </div>
-              </div>
-              {/*
-              <div className="error-message">
-                <p>등록된 메일 정보가 없습니다.<br />이메일 인증정보를 사용자관리 메뉴에서 추가 후 신청하세요.</p>
-              </div>
-              */}
+              }
+              { (!optionsEmails || optionsEmails.length === 0) &&
+                <div className="error-message">
+                  <p>등록된 메일 정보가 없습니다.<br />이메일 인증정보를 사용자관리 메뉴에서 추가 후 신청하세요.</p>
+                </div>
+              }
             </>
             }
             

src/pages/transaction/escrow/detail-page.tsx

@@ -33,6 +33,7 @@ import { EscrowMailResendBottomSheet } from '@/entities/transaction/ui/escrow-ma
 import { useEscrowMailResendMutation } from '@/entities/transaction/api/use-escrow-mail-resend-mutation';
 import { MerchantInfoSection } from '@/entities/transaction/ui/section/merchant-info-section';
 import { AmountInfoSection } from '@/entities/transaction/ui/section/amount-info-section';
+import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
 
 export const EscrowDetailPage = () => {
   const { navigate } = useNavigate();
@@ -196,11 +197,13 @@ export const EscrowDetailPage = () => {
           </div>
         </div>
       </main>
-      <EscrowMailResendBottomSheet
+      <EmailBottomSheet
         setBottomSheetOn={ setBottomSheetOn }
         bottomSheetOn={ bottomSheetOn }
-        callMailResend={ callMailResend }
-      ></EscrowMailResendBottomSheet>
+        imageSave={ false }
+				sendEmail={ true }
+				sendRequest={ callMailResend }
+      ></EmailBottomSheet>
     </>
   );
 };