crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-19 16:07:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix keys warning

Browse Source
This commit is contained in:
Sol Irvine 2023-08-21 10:17:35 +09:00
parent 3e510b1469
commit 1d156e6e64
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/layout/product-grid-items.tsx
View File

@ -6,8 +6,8 @@ import Link from 'next/link';
export default function ProductGridItems({ products }: { products: Product[] }) { export default function ProductGridItems({ products }: { products: Product[] }) {
return ( return (
<> <>
{products.map((product) => ( {products.map((product, index) => (
<Grid.Item key={product.handle} className="animate-fadeIn"> <Grid.Item key={`${product.handle}-${index}`} className="animate-fadeIn">
<Link className="relative inline-block h-full w-full" href={`/product/${product.handle}`}> <Link className="relative inline-block h-full w-full" href={`/product/${product.handle}`}>
<GridTileImage <GridTileImage
alt={product.title} alt={product.title}

4
components/layout/stories-detail.tsx
View File

@ -34,8 +34,8 @@ export default async function StoriesDetail({
'flex flex-col space-y-6 md:space-y-px' 'flex flex-col space-y-6 md:space-y-px'
)} )}
> >
{blog?.articles?.map((article) => ( {blog?.articles?.map((article, index) => (
<Link href={`/stories/${article.handle}`}> <Link href={`/stories/${article.handle}`} key={`${article.handle}-${index}`}>
<div className="flex flex-col space-y-2 bg-white text-black md:col-span-1 md:flex-row md:space-x-2 md:space-y-0"> <div className="flex flex-col space-y-2 bg-white text-black md:col-span-1 md:flex-row md:space-x-2 md:space-y-0">
<div className="relative aspect-[4/3] min-w-full overflow-hidden md:min-w-[480px]"> <div className="relative aspect-[4/3] min-w-full overflow-hidden md:min-w-[480px]">
{!!article?.image?.url && ( {!!article?.image?.url && (

4
components/layout/stories.tsx
View File

@ -33,8 +33,8 @@ export default async function Stories({
'grid grid-cols-1 gap-y-24 md:grid-cols-3 md:gap-x-4' 'grid grid-cols-1 gap-y-24 md:grid-cols-3 md:gap-x-4'
)} )}
> >
{blog?.articles?.map((article) => ( {blog?.articles?.map((article, index) => (
<Link href={`/stories/${article.handle}`}> <Link href={`/stories/${article.handle}`} key={`${article.handle}-${index}`}>
<div className="flex flex-col space-y-4 md:col-span-1"> <div className="flex flex-col space-y-4 md:col-span-1">
<div className="relative aspect-square overflow-hidden md:max-w-sm"> <div className="relative aspect-square overflow-hidden md:max-w-sm">
{!!article?.image?.url && ( {!!article?.image?.url && (