|
|
import { siteConfig } from '@/lib/config' |
|
|
import LazyImage from '@/components/LazyImage' |
|
|
import { useRouter } from 'next/router' |
|
|
import MenuGroupCard from './MenuGroupCard' |
|
|
import { MenuListSide } from './MenuListSide' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const SideBar = (props) => { |
|
|
const { siteInfo } = props |
|
|
const router = useRouter() |
|
|
return ( |
|
|
<div id='side-bar'> |
|
|
<div className="h-52 w-full flex justify-center"> |
|
|
<div> |
|
|
<div onClick={() => { router.push('/') }} |
|
|
className='justify-center items-center flex hover:rotate-45 py-6 hover:scale-105 dark:text-gray-100 transform duration-200 cursor-pointer'> |
|
|
{/* eslint-disable-next-line @next/next/no-img-element */} |
|
|
<LazyImage src={siteInfo?.icon} className='rounded-full' width={80} alt={siteConfig('AUTHOR')} /> |
|
|
</div> |
|
|
<MenuGroupCard {...props} /> |
|
|
</div> |
|
|
</div> |
|
|
<MenuListSide {...props} /> |
|
|
</div> |
|
|
) |
|
|
} |
|
|
|
|
|
export default SideBar |
|
|
|
