비행이력 loading spinner 수정

src/components/analysis/history/AnalysisHistoryGrid.js

@@ -1,27 +1,10 @@
 import { GridDatabase } from '../../../components/crud/grid/GridDatatable';
-import {
+import { Card, Spinner } from 'reactstrap';
-  Row,
-  Col,
-  Table,
-  Badge,
-  UncontrolledDropdown,
-  DropdownMenu,
-  DropdownItem,
-  DropdownToggle,
-  Card,
-  CardHeader,
-  CardBody,
-  CardTitle,
-  CardSubtitle,
-  ButtonGroup,
-  Button,
-  Input,
-  CustomInput,
-  FormGroup
-} from 'reactstrap';
 import { ExcelExportButton } from '../../crud/excel/ExcelExportButton';
+import { useSelector } from 'react-redux';
 
 export const AnalysisHistoryGrid = props => {
+  const { loading } = useSelector(state => state.loadingReducer);
   return (
     // <div className='pal-card-box'>
     // <Row>
@@ -46,6 +29,15 @@ export const AnalysisHistoryGrid = props => {
             {/* <div className='no-dataTable'>
                  표시할 데이터가 없습니다.
                 </div> */}
+            {loading ? (
+              <div className='grid-loading'>
+                <div>
+                  <Spinner color='primary' />
+                  <span>Loading...</span>
+                </div>
+              </div>
+            ) : null}
+
             <GridDatabase
               title={'비행이력'}
               data={props.data}

src/components/crud/grid/GridDatatable.js

@@ -7,15 +7,12 @@ import {
   File,
   ChevronDown
 } from 'react-feather';
-import { useSelector } from 'react-redux';
-import LoadingSpinner from '../../../@core/components/spinner/Loading-spinner';
-import { Spinner } from 'reactstrap';
-export const GridDatabase = props => {
-  const { loading } = useSelector(state => state.loadingReducer);
 
+export const GridDatabase = props => {
   return props[`${props.handlerPageChange ? 'total' : 'count'}`] <= 0 ? (
     <div className='no-dataTable'>표시할 데이터가 없습니다.</div>
   ) : (
+    <>
       <DataTable
         noHeader
         pagination={props.pagination}
@@ -41,23 +38,7 @@ export const GridDatabase = props => {
         paginationComponentOptions={{
           noRowsPerPage: props.handlerPageChange ? true : false
         }}
-      progressPending={props.handlerPageChange ? loading : false}
-      progressComponent={
-        <div
-          style={{
-            width: '100%',
-            height: '504px',
-            backgroundColor: 'rgba(35, 41, 58, 0.7)'
-          }}
-        >
-          <div className='grid-loading'>
-            <div>
-              <Spinner color='primary' />
-              <span>Loading...</span>
-            </div>
-          </div>
-        </div>
-      }
       />
+    </>
   );
 };