29 lines
975 B
TypeScript
29 lines
975 B
TypeScript
import Link from 'next/link'
|
|
|
|
|
|
interface TopMenuProps {
|
|
showMenu: boolean,
|
|
setShowMenu: Function,
|
|
}
|
|
|
|
const TopMenu = (props: TopMenuProps)=>{
|
|
return (
|
|
<ul className={ props.showMenu ? 'z-50 mt-[40px] md:hidden h-screen fixed top-0 right-0 bg-slate-700 list-none text-center border-l-[1px] border-slate-800' : 'hidden'}>
|
|
|
|
<Link onClick={()=>{ props.setShowMenu(false) }} href={"/shop"}>
|
|
<li className='border-b-[1px] border-slate-800 p-4'>صفحه اصلی</li>
|
|
</Link>
|
|
|
|
<Link onClick={()=>{ props.setShowMenu(false) }} href={"/orders"}>
|
|
<li className='border-b-[1px] border-slate-800 p-4'>سفارشات</li>
|
|
</Link>
|
|
|
|
<Link onClick={()=>{ props.setShowMenu(false) }} href={"/tickets"}>
|
|
<li className='border-b-[1px] border-slate-800 p-4'>تیکت ها</li>
|
|
</Link>
|
|
|
|
</ul>
|
|
)
|
|
}
|
|
|
|
export default TopMenu |