From d3cc6902166c641f588e36462bfa7c473f6a9036 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juli=C3=A1n=20David?= <julianfullstackdev@gmail.com>
Date: Wed, 17 Aug 2022 12:33:50 -0500
Subject: [PATCH 1/2] fix keys issues

---
 .../www/components/LaunchWeek/LaunchSection/index.tsx | 11 +++++++----
 apps/www/pages/launch-week/index.tsx                  |  2 +-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/apps/www/components/LaunchWeek/LaunchSection/index.tsx b/apps/www/components/LaunchWeek/LaunchSection/index.tsx
index d8baebaf8c0..df8aea9ae47 100644
--- a/apps/www/components/LaunchWeek/LaunchSection/index.tsx
+++ b/apps/www/components/LaunchWeek/LaunchSection/index.tsx
@@ -176,8 +176,9 @@ export const LaunchSection = (props: WeekDayProps) => {
         {props.shipped && (
           <div className="flex flex-col gap-12">
             {props.articles &&
-              props.articles.map((article: Article) => (
+              props.articles.map((article: Article, index) => (
                 <div
+                  key={article.url + index}
                   className="
                 dark:bg-scale-300 rounded border bg-white
                 "
@@ -192,8 +193,8 @@ export const LaunchSection = (props: WeekDayProps) => {
                   <div className="flex flex-col gap-6 p-6 px-10 pb-10">
                     <h3 className="text-scale-1100 mb-2">New releases</h3>
                     {article.products &&
-                      article.products.map((product: Product) => (
-                        <ProductButtonListItem {...product} />
+                      article.products.map((product: Product, index) => (
+                        <ProductButtonListItem key={product.url + index} {...product} />
                       ))}
                   </div>
                 </div>
@@ -202,7 +203,9 @@ export const LaunchSection = (props: WeekDayProps) => {
         )}
         <div className="">
           {props.products &&
-            props.products.map((product: Product) => <ProductButton {...product} />)}
+            props.products.map((product: Product, index) => (
+              <ProductButton key={product.url + index} {...product} />
+            ))}
         </div>
       </div>
     </div>
diff --git a/apps/www/pages/launch-week/index.tsx b/apps/www/pages/launch-week/index.tsx
index cb2cd09eb02..6be78f3fd67 100644
--- a/apps/www/pages/launch-week/index.tsx
+++ b/apps/www/pages/launch-week/index.tsx
@@ -56,7 +56,7 @@ export default function launchweek() {
             {days.map((item: WeekDayProps, i) => {
               return (
                 <LaunchSection
-                  key={'launchweek-item ' + item.title}
+                  key={'launchweek-item ' + (item.title || i)}
                   {...item}
                   index={i}
                   shippingHasStarted={shippingHasStarted}

From 087fdc5da0cc0a09bd9f95f01a4538c2dbaa62ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juli=C3=A1n=20David?= <julianfullstackdev@gmail.com>
Date: Wed, 17 Aug 2022 12:37:17 -0500
Subject: [PATCH 2/2] change div by a tag to show cursor

---
 .../LaunchWeek/LaunchSection/ArticleButtonListItem.tsx        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/www/components/LaunchWeek/LaunchSection/ArticleButtonListItem.tsx b/apps/www/components/LaunchWeek/LaunchSection/ArticleButtonListItem.tsx
index 9c0a0b96f55..c6ecf4070ec 100644
--- a/apps/www/components/LaunchWeek/LaunchSection/ArticleButtonListItem.tsx
+++ b/apps/www/components/LaunchWeek/LaunchSection/ArticleButtonListItem.tsx
@@ -5,7 +5,7 @@ import { Article } from '../types'
 const ArticleButtonListItem = (props: Article) => {
   return (
     <Link href={props.url}>
-      <div className="group mr-2 mb-2">
+      <a className="group mr-2 mb-2">
         <div className="flex flex-row">
           <div>
             <div className="flex flex-col">
@@ -16,7 +16,7 @@ const ArticleButtonListItem = (props: Article) => {
             </div>
           </div>
         </div>
-      </div>
+      </a>
     </Link>
   )
 }