55 lines
1.3 KiB
JavaScript
55 lines
1.3 KiB
JavaScript
import { siteConfig } from '@/lib/config'
|
|
import { useGlobal } from '@/lib/global'
|
|
import CONFIG from '../config'
|
|
import { MenuItemCollapse } from './MenuItemCollapse'
|
|
|
|
export const MenuBarMobile = props => {
|
|
const { customMenu, customNav } = props
|
|
const { locale } = useGlobal()
|
|
|
|
let links = [
|
|
// { name: locale.NAV.INDEX, href: '/' || '/', show: true },
|
|
{
|
|
name: locale.COMMON.CATEGORY,
|
|
href: '/category',
|
|
show: siteConfig('GITBOOK_MENU_CATEGORY', null, CONFIG)
|
|
},
|
|
{
|
|
name: locale.COMMON.TAGS,
|
|
href: '/tag',
|
|
show: siteConfig('GITBOOK_BOOK_MENU_TAG', null, CONFIG)
|
|
},
|
|
{
|
|
name: locale.NAV.ARCHIVE,
|
|
href: '/archive',
|
|
show: siteConfig('GITBOOK_MENU_ARCHIVE', null, CONFIG)
|
|
}
|
|
// { name: locale.NAV.SEARCH, href: '/search', show: siteConfig('MENU_SEARCH', null, CONFIG) }
|
|
]
|
|
|
|
if (customNav) {
|
|
links = links.concat(customNav)
|
|
}
|
|
|
|
// 若啟用自訂選單，則不再使用 Page 生成的選單。
|
|
if (siteConfig('CUSTOM_MENU')) {
|
|
links = customMenu
|
|
}
|
|
|
|
if (!links || links.length === 0) {
|
|
return null
|
|
}
|
|
|
|
return (
|
|
<nav id='nav' className=' text-md'>
|
|
{links?.map((link, index) => (
|
|
<MenuItemCollapse
|
|
onHeightChange={props.onHeightChange}
|
|
key={index}
|
|
link={link}
|
|
/>
|
|
))}
|
|
</nav>
|
|
)
|
|
}
|