2018-07-14 01:43:10 +00:00
|
|
|
import React from 'react';
|
|
|
|
|
|
|
|
import ReactPlaceholder from 'react-placeholder';
|
|
|
|
import 'react-placeholder/lib/reactPlaceholder.css';
|
|
|
|
|
|
|
|
import './ServicePlaceholder.css';
|
|
|
|
|
|
|
|
const ServicePlaceholder = () => (
|
|
|
|
<div className="service-placeholder">
|
|
|
|
<div className="title">
|
|
|
|
<ReactPlaceholder
|
|
|
|
type="round"
|
|
|
|
ready={false}
|
|
|
|
style={{ width: '3rem', height: '3rem' }}
|
|
|
|
className="emoji"
|
|
|
|
showLoadingAnimation
|
|
|
|
>
|
|
|
|
{' '}
|
|
|
|
</ReactPlaceholder>
|
|
|
|
<ReactPlaceholder
|
|
|
|
type="rect"
|
|
|
|
ready={false}
|
|
|
|
style={{ width: '100%', height: '3rem' }}
|
|
|
|
showLoadingAnimation
|
|
|
|
>
|
|
|
|
{' '}
|
|
|
|
</ReactPlaceholder>
|
|
|
|
</div>
|
|
|
|
<ReactPlaceholder
|
|
|
|
type="text"
|
|
|
|
ready={false}
|
|
|
|
rows={1}
|
|
|
|
style={{ marginTop: '1rem' }}
|
|
|
|
showLoadingAnimation
|
|
|
|
>
|
|
|
|
{' '}
|
|
|
|
</ReactPlaceholder>
|
|
|
|
<ReactPlaceholder
|
|
|
|
type="rect"
|
|
|
|
ready={false}
|
2018-07-14 02:29:49 +00:00
|
|
|
style={{ width: '100%', height: '160px', marginTop: '1rem' }}
|
2018-07-14 01:43:10 +00:00
|
|
|
showLoadingAnimation
|
|
|
|
>
|
|
|
|
{' '}
|
|
|
|
</ReactPlaceholder>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
|
|
|
|
export default ServicePlaceholder;
|