42 lines
1,023 B
TypeScript
42 lines
1,023 B
TypeScript
|
import React from 'react';
|
||
|
|
import PTRComponent from 'react-simple-pull-to-refresh';
|
||
|
|
|
||
|
|
import { Spinner } from 'soapbox/components/ui';
|
||
|
|
|
||
|
|
interface IPullToRefresh {
|
||
|
|
children: JSX.Element & React.ReactNode,
|
||
|
|
onRefresh?: () => Promise<any>
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* PullToRefresh:
|
||
|
|
* Wrapper around a third-party PTR component with Soapbox defaults.
|
||
|
|
*/
|
||
|
|
const PullToRefresh = ({ children, onRefresh, ...rest }: IPullToRefresh) => {
|
||
|
|
const handleRefresh = () => {
|
||
|
|
if (onRefresh) {
|
||
|
|
return onRefresh();
|
||
|
|
} else {
|
||
|
|
// If not provided, do nothing
|
||
|
|
return Promise.resolve();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
return (
|
||
|
|
<PTRComponent
|
||
|
|
onRefresh={handleRefresh}
|
||
|
|
pullingContent={null}
|
||
|
|
// `undefined` will fallback to the default, while `null` will render nothing
|
||
|
|
refreshingContent={onRefresh ? <Spinner size={30} withText={false} /> : null}
|
||
|
|
pullDownThreshold={67}
|
||
|
|
maxPullDownDistance={95}
|
||
|
|
resistance={2}
|
||
|
|
{...rest}
|
||
|
|
>
|
||
|
|
{children}
|
||
|
|
</PTRComponent>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default PullToRefresh;
|