2020-08-17 21:07:16 +01:00
|
|
|
import React from 'react'
|
2020-05-07 05:03:34 +01:00
|
|
|
import { BREAKPOINT_EXTRA_SMALL } from '../constants'
|
|
|
|
import Responsive from '../features/ui//util/responsive_component'
|
|
|
|
import Icon from './icon'
|
|
|
|
|
2020-08-17 21:07:16 +01:00
|
|
|
export default class PullToRefresher extends React.PureComponent {
|
2020-05-07 05:03:34 +01:00
|
|
|
|
|
|
|
render() {
|
|
|
|
return (
|
|
|
|
<Responsive max={BREAKPOINT_EXTRA_SMALL}>
|
2020-08-18 21:49:11 +01:00
|
|
|
<div className={[_s.d, _s.h53PX, _s.w100PC, _s.aiCenter, _s.posAbs, _s.left0, _s.right0, _s.topNeg50PX].join(' ')}>
|
|
|
|
<div className={[_s.d, _s.w100PC, _s.aiCenter].join(' ')}>
|
2020-06-06 02:45:58 +01:00
|
|
|
<Icon id='loading' size='24px' />
|
|
|
|
</div>
|
2020-05-07 05:03:34 +01:00
|
|
|
</div>
|
|
|
|
</Responsive>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|