Files
NotionNext/themes/matery/components/SideBar.js
2023-11-15 18:52:53 +08:00

30 lines
869 B
JavaScript

import LazyImage from '@/components/LazyImage'
import { MenuListSide } from './MenuListSide'
import { siteConfig } from '@/lib/config'
/**
* 侧边抽屉
* @param tags
* @param currentTag
* @returns {JSX.Element}
* @constructor
*/
const SideBar = (props) => {
const { siteInfo } = props
return (
<div id='side-bar'>
<div className="mh-48 w-full bg-indigo-700">
<div className='mx-5 pt-6 pb-2'>
<LazyImage src={siteInfo?.icon} className='cursor-pointer rounded-full' width={80} alt={siteConfig('AUTHOR')} />
<div className='text-white text-xl my-1'>{siteConfig('TITLE')}</div>
<div className='text-xs my-1 text-gray-300'>{siteConfig('DESCRIPTION')}</div>
</div>
</div>
<MenuListSide {...props} />
</div>
)
}
export default SideBar