feat(poc): add log for api client

This commit is contained in:
Björn Meyer
2023-07-17 08:44:21 +02:00
parent eacf390afa
commit 47291853e3
9 changed files with 289 additions and 199 deletions

View File

@@ -1,4 +1,5 @@
import Link from 'next/link';
import Image from 'next/image';
import GitHubIcon from 'components/icons/github';
import LogoIcon from 'components/icons/logo';
@@ -25,12 +26,8 @@ export default async function Footer() {
</a>
</div>
{menu.map((item: Menu) => (
< nav className="col-span-1 lg:col-span-3" key={item.title + item.type} >
{
item.type === "headline" ? (
<span className='font-bold'>{item.title}</span>
) : null
}
<nav className="col-span-1 lg:col-span-3" key={item.title + item.type}>
{item.type === 'headline' ? <span className="font-bold">{item.title}</span> : null}
{item.children.length > 0 ? (
<ul className="py-3 md:py-0 md:pt-4" key={item.title}>
{item.children.map((item: Menu) => (
@@ -44,7 +41,7 @@ export default async function Footer() {
</li>
))}
</ul>
) :
) : (
// if there are no children, at least display a link
<Link
key={item.title}
@@ -52,11 +49,17 @@ export default async function Footer() {
className="text-gray-800 transition duration-150 ease-in-out hover:text-gray-300 dark:text-gray-100"
>
{item.title}
</Link>}
</Link>
)}
</nav>
))}
<div className="col-span-1 text-black dark:text-white lg:col-span-2 inline-grid justify-items-end">
<a aria-label="Github Repository" href="https://github.com/shopware/frontends" target="_blank" rel="noopener noreferrer">
<div className="col-span-1 inline-grid justify-items-end text-black dark:text-white lg:col-span-2">
<a
aria-label="Github Repository"
href="https://github.com/shopware/frontends"
target="_blank"
rel="noopener noreferrer"
>
<GitHubIcon className="h-6" />
</a>
</div>
@@ -77,15 +80,17 @@ export default async function Footer() {
className="text-black dark:text-white"
>
<div className="ml-4 h-auto w-10">
<img
<Image
src="https://www.shopware.com/media/pages/solutions/shopware-frontends/shopware-frontends-intro-graphic-base.svg"
alt="Shopware Composable Frontends Logo"
></img>
width={40}
height={40}
></Image>
</div>
</a>
</div>
</div>
</div>
</footer >
</footer>
);
}