개발자 콘솔 에러 수정

src/components/flight/FlightApprovalsReport.js

@@ -23,23 +23,14 @@ export default function FlightApprovalsReport(props) {
         className='layer-search layer-search-form'
         style={{ width: '480px' }}
       >
-        <InputGroup
+        <InputGroup>
-          style={{
+          <div style={{ position: 'relative' }}>
-            display: 'flex',
-            flexDirection: 'row',
-            alineItems: 'center',
-            borderRadius: '12px'
-          }}
-        >
-          <div style={{ position: 'relative', display: 'inline-block' }}>
             <Input
               type='text'
               placeholder={`민원 번호 또는 승인 결과를 입력해 주세요.`}
               value={filterId}
               style={{
-                width: '480px',
+                width: '480px'
-                borderRadius: '12px',
-                paddingRight: '30px' // Search 아이콘을 위한 공간 확보
               }}
               onKeyPress={handlerKeyPress}
               onChange={e => setFilterId(`${e.target.value}`)}

src/components/flight/FlightApprovalsTable.js

@@ -31,7 +31,6 @@ export default function FlightApprovalsTable(props) {
     } else if (props.filter === '') {
       setSearchResults(props.data);
     }
-    console.log('>>>', results);
   }, [props.filter]);
 
   const handlerOpenModal = (approval, reason) => {
@@ -63,7 +62,6 @@ export default function FlightApprovalsTable(props) {
   };
 
   const handleRowClick = row => {
-    console.log('Clicked row: ', row);
     props.handlerDetail(row.planSno);
     // 여기에 클릭 이벤트를 처리하는 코드를 작성하세요.
   };
@@ -202,13 +200,15 @@ export default function FlightApprovalsTable(props) {
       <div className='layer-ti d-flex justify-content-between align-items-center'>
         <h4>비행승인 신청 결과 목록</h4>
         <span className='search-case'>
-            {dayjs().format('YYYY년 MM월 DD일')} 총 {results?.length} 건
+          {dayjs().format('YYYY년 MM월 DD일')} 총 {results?.length} 건 결과
-            결과
         </span>
       </div>
       <div className='invoice-list-wrapper'>
         <Card>
-              <div className='invoice-list-dataTable flight-approval' style={{ width: '100%' }}>
+          <div
+            className='invoice-list-dataTable flight-approval'
+            style={{ width: '100%' }}
+          >
             {results?.length > 0 ? (
               <GridDatabase
                 title={'비행이력'}

src/containers/flight/flightApprovalsContainer.js

@@ -226,7 +226,7 @@ export default function FlightApprovalsContainer() {
 
   const handlerMapInit = () => {
     if (map.getSource('preview')) {
-      map.removeSource('preview');
+      // map.removeSource('preview');
     } else {
       map.addSource('preview', {
         type: 'geojson',
@@ -308,7 +308,6 @@ export default function FlightApprovalsContainer() {
           //지도 줌 좌표 설정
           fitZoomPaths = paths.concat();
         }
-        console.log('>>>', fitZoomPaths);
 
         handlerFitBounds(
           mapObject,
@@ -318,7 +317,7 @@ export default function FlightApprovalsContainer() {
           'flight'
         );
 
-        mapObject.setPaintProperty('waypoint', 'circle-radius', 10);
+        // mapObject.setPaintProperty('waypoint', 'circle-radius', 10);
         mapObject.getSource('preview').setData(previewGeo2);
       }
     }