feat(poc): improve loading style

This commit is contained in:
Björn Meyer
2023-07-13 16:46:37 +02:00
parent 245127227e
commit 85e0584782
2 changed files with 28 additions and 11 deletions

View File

@@ -1,4 +1,3 @@
import { getCollection, getCollectionProducts } from 'lib/shopware';
import { Metadata } from 'next';
import { notFound } from 'next/navigation';
@@ -7,6 +6,8 @@ import Collections from 'components/layout/search/collections';
import FilterList from 'components/layout/search/filter';
import ProductGridItems from 'components/layout/product-grid-items';
import Pagination from 'components/collection/pagination';
import { getCollection, getCollectionProducts } from 'lib/shopware';
import { defaultSort, sorting } from 'lib/constants';
export const runtime = 'edge';
@@ -49,7 +50,7 @@ export default async function CategoryPage({
{products.length === 0 ? (
<p className="py-3 text-lg">{`No products found in this collection`}</p>
) : (
<div className='mx-auto flex max-w-7xl flex-col bg-white py-6 text-black dark:bg-black dark:text-white md:flex-row'>
<div className="mx-auto flex max-w-7xl flex-col bg-white py-6 text-black dark:bg-black dark:text-white md:flex-row">
<div className="order-first flex-none md:w-1/6">
<Collections collection={params.collection} />
</div>
@@ -57,8 +58,12 @@ export default async function CategoryPage({
<Grid className="grid-cols-2 lg:grid-cols-3">
<ProductGridItems products={products} />
</Grid>
<nav aria-label="Collection pagination" className='block sm:flex items-center'>
<Pagination itemsPerPage={limit} itemsTotal={total} currentPage={page ? parseInt(page) - 1 : 0} />
<nav aria-label="Collection pagination" className="block items-center sm:flex">
<Pagination
itemsPerPage={limit}
itemsTotal={total}
currentPage={page ? parseInt(page) - 1 : 0}
/>
</nav>
</div>
<div className="order-none md:order-last md:w-1/6 md:flex-none">