75 lines
2.5 KiB
JavaScript
75 lines
2.5 KiB
JavaScript
import AccordianItem from './accordian-item'
|
|
import * as Yup from 'yup'
|
|
import { Input } from './form'
|
|
import { InputGroup } from 'react-bootstrap'
|
|
import { BOOST_MIN } from '../lib/constants'
|
|
import { NAME_QUERY } from '../fragments/users'
|
|
import Info from './info'
|
|
|
|
export function AdvPostSchema (client) {
|
|
return {
|
|
boost: Yup.number().typeError('must be a number')
|
|
.min(BOOST_MIN, `must be blank or at least ${BOOST_MIN}`).integer('must be whole'),
|
|
forward: Yup.string()
|
|
.test({
|
|
name: 'name',
|
|
test: async name => {
|
|
if (!name || !name.length) return true
|
|
const { data } = await client.query({ query: NAME_QUERY, variables: { name }, fetchPolicy: 'network-only' })
|
|
return !data.nameAvailable
|
|
},
|
|
message: 'user does not exist'
|
|
})
|
|
}
|
|
}
|
|
|
|
export const AdvPostInitial = {
|
|
boost: '',
|
|
forward: ''
|
|
}
|
|
|
|
export default function AdvPostForm () {
|
|
return (
|
|
<AccordianItem
|
|
header={<div style={{ fontWeight: 'bold', fontSize: '92%' }}>options</div>}
|
|
body={
|
|
<>
|
|
<Input
|
|
label={
|
|
<div className='d-flex align-items-center'>boost
|
|
<Info>
|
|
<ol className='font-weight-bold'>
|
|
<li>Boost ranks posts higher temporarily based on the amount</li>
|
|
<li>The minimum boost is {BOOST_MIN} sats</li>
|
|
<li>Each {BOOST_MIN} sats of boost is equivalent to one trusted upvote
|
|
<ul>
|
|
<li>e.g. {BOOST_MIN * 2} sats is like 2 votes</li>
|
|
</ul>
|
|
</li>
|
|
<li>The decay of boost "votes" increases at 2x the rate of organic votes
|
|
<ul>
|
|
<li>i.e. boost votes fall out of ranking faster</li>
|
|
</ul>
|
|
</li>
|
|
<li>100% of sats from boost are given back to top users as rewards</li>
|
|
</ol>
|
|
</Info>
|
|
</div>
|
|
}
|
|
name='boost'
|
|
hint={<span className='text-muted'>ranks posts higher temporarily based on the amount</span>}
|
|
append={<InputGroup.Text className='text-monospace'>sats</InputGroup.Text>}
|
|
/>
|
|
<Input
|
|
label={<>forward sats to</>}
|
|
name='forward'
|
|
hint={<span className='text-muted'>100% of sats will be sent to this user</span>}
|
|
prepend=<InputGroup.Text>@</InputGroup.Text>
|
|
showValid
|
|
/>
|
|
</>
|
|
}
|
|
/>
|
|
)
|
|
}
|