stacker.news/components/nav/desktop/second-bar.js

21 lines
676 B
JavaScript

import { Nav, Navbar } from 'react-bootstrap'
import { NavSelect, PostItem, Sorts, hasNavSelect } from '../common'
import styles from '../../header.module.css'
export default function SecondBar (props) {
const { prefix, topNavKey, sub } = props
if (!hasNavSelect(props)) return null
return (
<Navbar className='pt-0 pb-2'>
<Nav
className={styles.navbarNav}
activeKey={topNavKey}
>
<NavSelect sub={sub} size='medium' className='me-1' />
<div className='ms-2 d-flex'><Sorts {...props} className='ms-1' /></div>
<PostItem className='ms-auto me-0 d-none d-md-flex' prefix={prefix} />
</Nav>
</Navbar>
)
}