56 lines
1.4 KiB
JavaScript
56 lines
1.4 KiB
JavaScript
import { useRouter } from 'next/router'
|
|
import { Select } from './form'
|
|
import Info from './info'
|
|
|
|
export function SubSelectInitial ({ sub }) {
|
|
const router = useRouter()
|
|
sub = sub || router.query.sub || 'pick sub'
|
|
|
|
return {
|
|
sub
|
|
}
|
|
}
|
|
|
|
export default function SubSelect ({ label, sub, setSub, item, ...props }) {
|
|
const router = useRouter()
|
|
|
|
const SubInfo = () => (
|
|
<Info>
|
|
<div>
|
|
<div className='font-weight-bold'>The sub your post will go in ...</div>
|
|
<ul>
|
|
<li>If it's bitcoin related, put it in the bitcoin sub.</li>
|
|
<li>If it's nostr related, put it in the nostr sub.</li>
|
|
<li>If it's a job, put it in the jobs sub.</li>
|
|
</ul>
|
|
</div>
|
|
</Info>
|
|
)
|
|
|
|
return (
|
|
<Select
|
|
className='w-auto d-flex'
|
|
onChange={(formik, e) => {
|
|
if (!item) {
|
|
router.push({
|
|
pathname: e.target.value === 'pick sub' ? '/post' : `/~${e.target.value}/post`,
|
|
query: router.query?.type ? { type: router.query.type } : undefined
|
|
})
|
|
} else {
|
|
setSub(e.target.value)
|
|
}
|
|
}}
|
|
name='sub'
|
|
size='sm'
|
|
defaultValue={props.noForm ? sub : undefined}
|
|
items={props.noForm ? ['pick sub', 'bitcoin', 'nostr', 'jobs'] : item ? ['bitcoin', 'nostr'] : ['pick sub', 'bitcoin', 'nostr']}
|
|
label={label &&
|
|
<>
|
|
{label}
|
|
<SubInfo />
|
|
</>}
|
|
{...props}
|
|
/>
|
|
)
|
|
}
|