비행이력 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,57 +7,38 @@ 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
+      <DataTable
-      pagination={props.pagination}
+        noHeader
-      paginationTotalRows={props.total}
+        pagination={props.pagination}
-      // paginationServer
+        paginationTotalRows={props.total}
-      subHeader={false}
+        // paginationServer
-      columns={props.columns}
+        subHeader={false}
-      responsive={true}
+        columns={props.columns}
-      sortIcon={<ChevronDown />}
+        responsive={true}
-      className='react-dataTable pal-dateTable'
+        sortIcon={<ChevronDown />}
-      // defaultSortField='invoiceId'
+        className='react-dataTable pal-dateTable'
-      // paginationDefaultPage={currentPage}
+        // defaultSortField='invoiceId'
-      // paginationComponent={CustomPagination}
+        // paginationDefaultPage={currentPage}
-      data={props.data}
+        // paginationComponent={CustomPagination}
-      paginationServer={
+        data={props.data}
-        props.pagination && props.handlerPageChange ? true : false
+        paginationServer={
-      }
+          props.pagination && props.handlerPageChange ? true : false
-      onSelectedRowsChange={
+        }
-        props.onSelectedRowsChange ? props.onSelectedRowsChange : null
+        onSelectedRowsChange={
-      }
+          props.onSelectedRowsChange ? props.onSelectedRowsChange : null
-      selectableRows={props.selectableRows}
+        }
-      onChangePage={props.pagination ? props.handlerPageChange : null}
+        selectableRows={props.selectableRows}
-      paginationComponentOptions={{
+        onChangePage={props.pagination ? props.handlerPageChange : null}
-        noRowsPerPage: props.handlerPageChange ? true : false
+        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>
-      }
-    />
   );
 };