crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-26 03:31:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(poc): react nextjs initial

Browse Source
This commit is contained in:
Björn Meyer
2023-07-06 10:42:30 +02:00
parent 8c8240956a
commit c9cf57c933
27 changed files with 9010 additions and 658 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/layout/navbar/index.tsx
View File

@@ -4,20 +4,20 @@ import { Suspense } from 'react';
import Cart from 'components/cart';
import CartIcon from 'components/icons/cart';
import LogoIcon from 'components/icons/logo';
import { getMenu } from 'lib/shopify';
import { Menu } from 'lib/shopify/types';
import { getMenu } from 'lib/shopware';
import { Menu } from 'lib/shopware/types';
import MobileMenu from './mobile-menu';
import Search from './search';
export default async function Navbar() {
const menu = await getMenu('next-js-frontend-header-menu');
const menu = await getMenu({ type: 'main-navigation' });
return (
<nav className="relative flex items-center justify-between bg-white p-4 dark:bg-black lg:px-6">
<div className="block w-1/3 md:hidden">
<MobileMenu menu={menu} />
</div>
<div className="flex justify-self-center md:w-1/3 md:justify-self-start">
<div className="flex justify-self-center md:w-6/12 md:justify-self-start">
<div className="md:mr-4">
<Link href="/" aria-label="Go back home">
<LogoIcon className="h-8 transition-transform hover:scale-110" />
@@ -38,11 +38,11 @@ export default async function Navbar() {
</ul>
) : null}
</div>
<div className="hidden w-1/3 md:block">
<div className="hidden w-3/12 md:block">
<Search />
</div>
<div className="flex w-1/3 justify-end">
<div className="flex w-3/12 justify-end">
<Suspense fallback={<CartIcon className="h-6" />}>
<Cart />
</Suspense>