stacker.news/components/more-footer.js

37 lines
838 B
JavaScript
Raw Normal View History

2021-09-30 15:46:58 +00:00
import { Button } from 'react-bootstrap'
import { useState } from 'react'
export default function MoreFooter ({ cursor, fetchMore, Skeleton }) {
const [loading, setLoading] = useState(false)
if (loading) {
return <div><Skeleton /></div>
}
let Footer
if (cursor) {
Footer = () => (
<Button
variant='primary'
size='md'
onClick={async () => {
setLoading(true)
await fetchMore({
variables: {
cursor
}
})
setLoading(false)
}}
>more
</Button>
)
} else {
Footer = () => (
<div className='text-muted' style={{ fontFamily: 'lightning', fontSize: '2rem', opacity: '0.6' }}>GENISIS</div>
)
}
2021-11-12 22:39:52 +00:00
return <div className='d-flex justify-content-center mt-3 mb-1'><Footer /></div>
2021-09-30 15:46:58 +00:00
}