42 lines
1.3 KiB
TypeScript
42 lines
1.3 KiB
TypeScript
import LinkWithDefault from 'next/link.js'
|
|
import React from 'react'
|
|
|
|
import { fetchFooter } from '../../_api/fetchFooter.js'
|
|
import { Gutter } from '../Gutter/index.js'
|
|
import { CMSLink } from '../Link/index.js'
|
|
import classes from './index.module.scss'
|
|
|
|
const Link = (LinkWithDefault.default || LinkWithDefault) as typeof LinkWithDefault.default
|
|
|
|
export async function Footer() {
|
|
const footer = await fetchFooter()
|
|
|
|
const navItems = footer?.navItems || []
|
|
|
|
return (
|
|
<footer className={classes.footer}>
|
|
<Gutter className={classes.wrap}>
|
|
<Link href="/">
|
|
<picture>
|
|
<img
|
|
alt="Payload Logo"
|
|
className={classes.logo}
|
|
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-light.svg"
|
|
/>
|
|
</picture>
|
|
</Link>
|
|
<nav className={classes.nav}>
|
|
{navItems.map(({ link }, i) => {
|
|
return <CMSLink key={i} {...link} />
|
|
})}
|
|
<Link href="/admin">Admin</Link>
|
|
<Link href="https://github.com/payloadcms/payload/tree/main/templates/ecommerce">
|
|
Source Code
|
|
</Link>
|
|
<Link href="https://github.com/payloadcms/payload">Payload</Link>
|
|
</nav>
|
|
</Gutter>
|
|
</footer>
|
|
)
|
|
}
|