close 버튼 공통화

src/entities/transaction/ui/all-transaction-cancel-prevent-bond.tsx

@@ -8,6 +8,7 @@ import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@
 import { useNavigate } from '@/shared/lib/hooks';
 import { PATHS } from '@/shared/constants/paths';
 import { useTranslation } from 'react-i18next';
+import { FullMenuClose } from '@/entities/common/ui/full-menu-close';
 export interface AllTransactionCancelPreventBondProps {
   cancelPreventBondOn: boolean;
   setCancelPreventBondOn: (cancelPreventBondOn: boolean) => void;
@@ -52,16 +53,10 @@ export const AllTransactionCancelPreventBond = ({
           <div className="full-menu-header">
             <div className="full-menu-title center">{t('transaction.cancel.afterDeposit.title')}</div>
             <div className="full-menu-actions">
-              <button
-                id="closeFullMenu"
-                className="full-menu-close"
-              >
-                <img
-                  src={ IMAGE_ROOT + '/ico_close.svg' }
-                  alt={t('common.close')}
-                  onClick={ onClickToClose }
-                />
-              </button>
+              <FullMenuClose
+                addClass='full-menu-close'
+                onClickToCallback={ onClickToClose }
+              ></FullMenuClose>
             </div>
           </div>
           <div className="option-list-nopadding pw-26">