Sha256: e6267301212e55014d2c5ec6f9e6db7b2e841a7550f7d26dc5e4341d7d910fa5
Contents?: true
Size: 1.03 KB
Versions: 59
Compression:
Stored size: 1.03 KB
Contents
import React from 'react';
import Skeleton from 'react-loading-skeleton';
import { Grid, Row, Col } from 'patternfly-react';
export const TaskSkeleton = () => {
const details = [1, 2, 3, 4, 5, 6];
return (
<Grid>
<br />
<Row>
<Col>
<Skeleton />
</Col>
</Row>
{details.map((items, key) => (
<Row key={key}>
<Col md={2} sm={6}>
<Skeleton />
</Col>
<Col md={5} sm={6}>
<Skeleton />
</Col>
<Col md={2} sm={6}>
<Skeleton />
</Col>
<Col md={3} sm={6}>
<Skeleton />
</Col>
</Row>
))}
<br />
<Row>
<Col xs={6}>
<div className="progress-description">
<Skeleton />
</div>
</Col>
<Col xs={3} xsOffset={3} className="progress-label-top-right">
<Skeleton />
</Col>
<Col xs={12}>
<Skeleton />
</Col>
</Row>
<br />
</Grid>
);
};
Version data entries
59 entries across 59 versions & 1 rubygems