|
|
|
@ -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> |
|
|
|
|
} |
|
|
|
|
/> |
|
|
|
|
</> |
|
|
|
|
); |
|
|
|
|
}; |
|
|
|
|