mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-18 15:09:34 +00:00
降级notion-client兼容medium-zoom,标签颜色,封装抽屉,调整抽屉目录,封装搜索框,封装菜单
This commit is contained in:
41
components/MenuButtonGroup.js
Normal file
41
components/MenuButtonGroup.js
Normal file
@@ -0,0 +1,41 @@
|
||||
import React from 'react'
|
||||
import { useLocale } from '@/lib/locale'
|
||||
import Link from 'next/link'
|
||||
|
||||
const MenuButtonGroup = ({ allowCollapse = false }) => {
|
||||
const locale = useLocale()
|
||||
const links = [
|
||||
{ id: 0, icon: 'fa-home', name: locale.NAV.INDEX, to: '/' || '/', show: true },
|
||||
{ id: 1, icon: 'fa-info-circle', name: locale.NAV.ABOUT, to: '/article/about', show: true },
|
||||
{ id: 2, icon: 'fa-rss-square', name: locale.NAV.RSS, to: '/feed', show: true },
|
||||
{ id: 3, icon: 'fa-compass', name: '发现', to: 'https://search.tangly1024.com/', show: true },
|
||||
{ id: 4, icon: 'fa-envelope', name: locale.NAV.MAIL, to: 'mailto:tlyong1992@hotmail.com', show: true },
|
||||
{ id: 5, icon: 'fa-weibo', name: '微博', to: 'https://weibo.com/tangly1024', show: true },
|
||||
{ id: 6, icon: 'fa-map-marker', name: 'Fuzhou', to: '#', show: true },
|
||||
{ id: 7, icon: 'fa-github', name: 'Github', to: 'https://github.com/tangly1024', show: true },
|
||||
{ id: 8, icon: 'fa-twitter', name: 'Twitter', to: 'https://twitter.com/troy1024_1', show: true },
|
||||
{ id: 9, icon: 'fa-telegram', name: 'Telegram', to: 'https://t.me/tangly_1024', show: true }
|
||||
]
|
||||
return <nav className='max-w-sm'>
|
||||
<ul className='leading-8 text-gray-700 dark:text-gray-400'>
|
||||
{links.map(
|
||||
link =>
|
||||
link.show && (
|
||||
<Link href={link.to}>
|
||||
<li
|
||||
key={link.id}
|
||||
title={link.to}
|
||||
className='py-3 px-5 hover:bg-gray-100 cursor-pointer dark:hover:bg-black duration-100 flex flex-nowrap align-middle'
|
||||
>
|
||||
<div className='my-auto w-5 text-2xl justify-center flex'>
|
||||
<i className={'fa ' + link.icon} />
|
||||
</div>
|
||||
<div className={(allowCollapse ? 'hidden xl:block' : '') + ' ml-4 w-32'}>{link.name}</div>
|
||||
</li>
|
||||
</Link>
|
||||
)
|
||||
)}
|
||||
</ul>
|
||||
</nav>
|
||||
}
|
||||
export default MenuButtonGroup
|
||||
Reference in New Issue
Block a user