lywsvip/supabase
1
0
Fork 0
mirror of https://github.com/supabase/supabase.git synced 2026-06-01 10:21:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

use Link

Browse Source
This commit is contained in:
Jonathan Summers-Muir
2022-11-16 01:34:43 +08:00
parent d070a03ad8
commit ef7b86e87e
3 changed files with 48 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideList.tsx
View File

@@ -1,3 +1,4 @@
import Link from 'next/link'
import { useRouter } from 'next/router'
import rehypeFilter from 'react-markdown/lib/rehype-filter'
import { IconChevronLeft } from '~/../../packages/ui'
@@ -65,29 +66,23 @@ const NavigationMenuGuideList = ({ currentLevel, setLevel, tempBasePath, id }) =
{x.items.map((x) => {
return (
<li key={x.name}>
<a
onClick={() => {
router.push(`/${tempBasePath}${x.href}`)
}}
className="cursor-pointer transition text-scale-1000 text-sm hover:text-brand-900"
>
{x.name}
</a>
<Link href={`/${tempBasePath}${x.href}`} passHref>
<a className="cursor-pointer transition text-scale-1000 text-sm hover:text-brand-900">
{x.name}
</a>
</Link>
</li>
)
})}
</>
) : (
<li>
<a
onClick={() => {
router.push(`/${tempBasePath}${x.href}`)
}}
className="cursor-pointer transition text-scale-1000 text-sm hover:text-brand-900 flex gap-3"
>
{x.icon && <img className="w-3" src={`${router.basePath}${x.icon}`} />}
{x.name}
</a>
<Link href={`/${tempBasePath}${x.href}`} passHref>
<a className="cursor-pointer transition text-scale-1000 text-sm hover:text-brand-900 flex gap-3">
{x.icon && <img className="w-3" src={`${router.basePath}${x.icon}`} />}
{x.name}
</a>
</Link>
</li>
)}
</div>
@@ -105,15 +100,12 @@ const NavigationMenuGuideList = ({ currentLevel, setLevel, tempBasePath, id }) =
return (
<div key={x.name}>
<li>
<a
onClick={() => {
router.push(`/${tempBasePath}${x.href}`)
}}
className="cursor-pointer transition text-scale-1100 text-sm hover:text-brand-900 flex gap-3 my-1"
>
{x.icon && <img className="w-4" src={`${router.basePath}${x.icon}`} />}
{x.name}
</a>
<Link href={`/${tempBasePath}${x.href}`} passHref>
<a className="cursor-pointer transition text-scale-1100 text-sm hover:text-brand-900 flex gap-3 my-1">
{x.icon && <img className="w-4" src={`${router.basePath}${x.icon}`} />}
{x.name}
</a>
</Link>
</li>
</div>
)