close 버튼 공통화

src/entities/settlement/ui/filter/list-filter.tsx

@@ -17,6 +17,7 @@ import { FilterCalendar } from '@/shared/ui/filter/calendar';
 import { getSettlementPaymentMethodOptionsGroup, getSettlementPeriodTypeBtnGroup } from '../../model/constant';
 import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
 import { FilterSelectMid } from '@/shared/ui/filter/select-mid';
+import { FullMenuClose } from '@/entities/common/ui/full-menu-close';
 
 export interface ListFilterProps {
   filterOn: boolean;
@@ -88,16 +89,10 @@ export const ListFilter = ({
           <div className="full-menu-header">
             <div className="full-menu-title center">{t('filter.filter')}</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 pt-16 pb-86">