{"size": 1480, "ext": "js", "max_stars_repo_path": "src/client/components/UI/DataGrid/loadingGrid.js", "max_stars_repo_name": "SravanKumarL/TempleClient", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/client/components/UI/DataGrid/loadingGrid.js", "max_issues_repo_name": "SravanKumarL/TempleClient", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/client/components/UI/DataGrid/loadingGrid.js", "max_forks_repo_name": "SravanKumarL/TempleClient", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 40.0, "max_line_length": 148, "alphanum_fraction": 0.5932432432}
import React from 'react'
import { Paper } from '@material-ui/core';
import withStyles from '@material-ui/core/styles/withStyles'
import { FilteringState, IntegratedPaging, IntegratedFiltering, PagingState, EditingState } from '@devexpress/dx-react-grid';
import { Grid, Table, TableHeaderRow, TableEditColumn, TableFilterRow, PagingPanel, DragDropProvider } from '@devexpress/dx-react-grid-material-ui';
import Loading from '../Progress/progress';
const onCommitChanges = () => { };
const styles=theme=>({
    grid:{
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        flexDirection: 'column',
        position: 'relative' 
    }
});
const LoadingGrid = ({ columns, error, classes }) => (
    <div className={classes.grid}>
        <Paper style={{margin: '100px 35px'}}>
            <Grid rows={[]} columns={columns}>
                <FilteringState />
                <EditingState onCommitChanges={onCommitChanges} />
                <DragDropProvider />
                <PagingState currentPage={0} pageSize={0} />
                <Table />
                <TableEditColumn width={120} showAddCommand={true} />
                <TableFilterRow />
                <TableHeaderRow />
                <PagingPanel pageSizes={[0, 5, 10]} />
                <IntegratedFiltering />
                <IntegratedPaging />
            </Grid>
        </Paper>
        <Loading />
    </div>
);
export default withStyles(styles)(LoadingGrid);